都說前端容易，誰說的。前端上手快，越往後學習越困難。學習前端快一年了，依然發現一些小的知識點不會。這些經驗性的東西不碰到永遠學不會。

（1）title前面的logo。

就像這個編輯文章前面的logo。不知道大家知不知道這個圖示是如何載入過來的。反正我之前不知道。。。如果大家知道的話就直接忽視掉我吧。當我自己做筆記了吧。

<link rel="shortcut icon" href="./flappyBird/bird.png"/>

（2）規定段落中的文字不進行換行。

就是你寫的這段文字讓他永遠在一行內顯示。只需要加一個css屬性即可：

white-space: nowrap;

需要加兩個屬性：

overflow: hidden;
			text-overflow: ellipsis;

把上述（2）（3）合起來的效果就是

原始碼是：

<div class="test">Hello everybody I'm WesternRanger,welcome to Peking!</div>

.test{
			border:#999 solid 1px;
			width:200px;
			height:30px;
			font-weight: 700;
			line-height: 30px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
 

（4）點選<a></a>連結，在瀏覽器中開啟新的頁面。

今天做了一個需求，頁面中有一個連結，產品說要點選它開啟一個新的標籤頁，我先答應了，心裡想這個是不是用指令碼做啊。遂百度之，看到答案是在a標籤中加一個target="_blank"的時候，我想死的心都有了。。。好吧，知道的晚也比不知道強。

（5）img標籤垂直相疊的時候會有間距，一開始我用margin為負的那種方式調，真是太low了，以後堅決不能這麼low，把img的display設定為block，border=0就可以了，另外在IE8及以下以及360瀏覽器裡img標籤會有邊框，加上border=0就可以了；

（6）table標籤預設情況下會有邊框以及padding的。之前對table佈局很不熟，現在做了好多相關的東西，總算知道點了。消除他們也只需要border=0 cellspacing=0 cellpadding=0，這三個屬性足矣。

這次就暫時碰到這麼多。本文將不斷更新。遇到本人感覺比較冷門的小知識我就記下來。就當我做筆記了吧