html、css容易被忽略的小知识点_html/css_WEB-ITnose
程序员文章站
2024-02-02 22:02:10
...
都说前端容易,谁说的。前端上手快,越往后学习越困难。学习前端快一年了,依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。
这个rel后面要写shortcut icon,代表这是title的logo图片。如果是样式表的话,就要写stylesheets了。
(3)文本框内的文本要出现溢出,就用省略号表示剩下的部分。
text-overflow就是文本溢出的意思。
这次就暂时碰到这么多。本文将不断更新。遇到本人感觉比较冷门的小知识我就记下来。就当我做笔记了吧
(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_WEB-ITnose
-
Nancy之基于Nancy.Hosting.Self的小Demo_html/css_WEB-ITnose
-
与html相关的知识点整理_html/css_WEB-ITnose
-
css的background-url属性是怎么计算图片中各个小图的位置的?_html/css_WEB-ITnose
-
最容易让人误解的10个 CSS 选择器_html/css_WEB-ITnose
-
ie浏览器 弹出的div被内嵌iframe遮盖_html/css_WEB-ITnose
-
小知识点(一)_html/css_WEB-ITnose
-
二级菜单下拉被遮挡的问题_html/css_WEB-ITnose
-
Everything are HTML components – 小谈 HTML 组件化与可视化的编程_html/css_WEB-ITnose
-
求大神,怎么在网页中单击登录的按钮的时候出现一个小的登录窗口。_html/css_WEB-ITnose