Web前端:CSS中不常见,但是很有用的标签,备忘!
CSS样式多如猫毛,时间长了不用,就会忘记。回头再用的时候,想不起来了,焦头烂额的翻一阵结果发现自己以前折腾过并总结出更合适的方案..
emmm,好记性不如烂笔头啊,写下来记住,也没毛病。回头看看,可以提高回忆效率。
就把日常前端开发中,发现一些自己不常用到的样式,总结到一起,备忘。
运行环境 Runtime environment
1 | 操作系统 : Windows10 |
背景
方便自己回忆的备忘CSS样式备忘录。虽然W3C上都有,但是它就跟字典一样的,难道学中文背字典呐。
CSS3 text-overflow
定义和用法:
text-overflow 属性规定当文本溢出包含元素时发生的事情。
语法:
text-overflow: clip|ellipsis|string;
clip | ellipsis | string |
---|---|---|
修剪文本。 | 显示省略符号来代表被修剪的文本。 | 使用给定的字符串来代表被修剪的文本。 |
CSS white-space
定义和用法:
white-space 属性设置如何处理元素内的空白。
语法:
white-space: nowrap;
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 br 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
CSS :before
定义和用法
:before 选择器在被选元素的内容前面插入内容。
请使用 content 属性来指定要插入的内容。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 快乐咸鱼のRaXianch窝!
评论
WalineValine