html、css容易被忽略的小知识点

标签：css   html   

都说前端容易，谁说的。前端上手快，越往后学习越困难。学习前端快一年了，依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。

（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;
		}

html、css容易被忽略的小知识点

标签：css   html   

原文地址：http://blog.csdn.net/westernranger/article/details/41595335