html、css容易被忽略的小知識點
來源：程序員人生 發布時間：2014-12-14 09:03:01 閱讀次數：2776次
都說前端容易，誰說的。前端上手快，越往后學習越困難。學習前端快1年了，仍然發現1些小的知識點不會。這些經驗性的東西不碰到永久學不會。
（1）title前面的logo。
就像這個編輯文章前面的logo。不知道大家知不知道這個圖標是如何加載過來的。反正我之前不知道。。。如果大家知道的話就直接忽視掉我吧。當我自己做筆記了吧。
<link rel="shortcut icon" href="./flappyBird/bird.png"/>
這個rel后面要寫shortcut icon，代表這是title的logo圖片。如果是樣式表的話，就要寫stylesheets了。
（2）規定段落中的文本不進行換行。
就是你寫的這段文字讓他永久在1行內顯示。只需要加1個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;
}
這次就暫時碰到這么多。本文將不斷更新。遇到本人感覺比較冷門的小知識我就記下來。就當我做筆記了吧
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
