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

概述都说前端容易，谁说的。前端上手快，越往后学习越困难。学习前端快一年了，依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。（1）title前面的logo。就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来的。反正我之前不知道。。。如果大家知道的话就直接忽视掉我吧。当我 @H_403_0@都说前端容易，谁说的。前端上手快，越往后学习越困难。学习前端快1年了，仍然发现1些小的知识点不会。这些经验性的东西不碰到永久学不会。

@H_403_0@（1）Title前面的logo。

@H_403_0@

@H_403_0@就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来的。反正我之前不知道。。。如果大家知道的话就直接忽视掉我吧。当我自己做笔记了吧。

@H_403_0@<link rel="shortcut icon" href="./flappyBird/bird.png"/>
这个rel后面要写shortcut icon，代表这是Title的logo图片。如果是样式表的话，就要写stylesheets了。

@H_403_0@（2）规定段落中的文本不进行换行。

@H_403_0@就是你写的这段文字让他永久在1行内显示。只需要加1个CSS属性便可：

@H_403_0@@H_502_31@white-space: nowrap;
（3）文本框内的文本要出现溢出，就用省略号表示剩下的部份。

@H_403_0@@H_502_31@需要加两个属性：

@H_403_0@@H_502_31@overflow: hIDden; text-overflow: ellipsis;
text-overflow就是文本溢出的意思。

@H_403_0@@H_502_31@把上述（2）（3）合起来的效果就是

@H_403_0@@H_502_31@

@H_403_0@@H_502_31@源代码是：

@H_403_0@@H_502_31@<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容易被忽略的小知识点全部内容，希望文章能够帮你解决html、css容易被忽略的小知识点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。