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

来源：动视网责编：小采时间：2020-11-27 15:58:57

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

html、css容易被忽略的小知识点_html/css_WEB-ITnose:都说前端容易，谁说的。前端上手快，越往后学习越困难。学习前端快一年了，依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。（1）title前面的logo。就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来的。反正我之前

推荐度：

点击下载本文 文档为doc格式

导读html、css容易被忽略的小知识点_html/css_WEB-ITnose:都说前端容易，谁说的。前端上手快，越往后学习越困难。学习前端快一年了，依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。（1）title前面的logo。就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来的。反正我之前

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

（1）title前面的logo。

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

这个rel后面要写shortcut icon，代表这是title的logo图片。如果是样式表的话，就要写stylesheets了。

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

就是你写的这段文字让他永远在一行内显示。只需要加一个css属性即可：

white-space: nowrap;

（3）文本框内的文本要出现溢出，就用省略号表示剩下的部分。

需要加两个属性：

overflow: hidden;	text-overflow: ellipsis;

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

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

源代码是：

Hello everybody I'm WesternRanger,welcome to Peking!

.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

推荐度：

点击下载本文 文档为doc格式

标签： it 容易 html

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐