html、css容易被忽略的小知識點，css忽略知識點

html、css容易被忽略的小知識點，css忽略知識點

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

（1）title前面的logo。

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

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

這個rel後面要寫shortcut icon，代表這是title的logo圖片。如果是樣式表的話，就要寫stylesheets了。

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

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

white-space: nowrap;

（3）文字框內的文本要出現溢出，就用省略符號表示剩下的部分。

需要加兩個屬性：

overflow: hidden;text-overflow: ellipsis;

text-overflow就是文本溢出的意思。

把上述（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;}

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