1.指定文本前后添加内容 2. 实现一个书签标记logo 3.文字前后自动加上引号 4.自定义样式实现checkbox 5. 简单实现一个聊天气泡 6. 相片堆叠 参考链接 "掘金:CSS伪元素:before和:after介绍" ...
分类：
Web程序 时间：
2020-01-22 23:51:13
阅读次数：
179
after :在内容后边 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>after</title> <style type="text/css"> div { width: 300px; height: 1 ...
分类：
Web程序 时间：
2019-10-30 13:50:35
阅读次数：
78
引用：https://segmentfault.com/a/1190000004865198 清除浮动 clear类方法 1.使用带clear属性的空元素 在浮动元素后使用一个空元素，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" ...
分类：
其他好文 时间：
2019-03-19 10:48:38
阅读次数：
157
CSS 伪类 (Pseudo-classes) CSS 相邻兄弟选择器 CSS 伪元素 CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例： 超链接 本例演示如何向文档中的超链接添加不同的颜色。 超链接 2 本例演示如何向超链接添加其他样式。 超链接 - ...
分类：
Web程序 时间：
2018-11-02 00:30:57
阅读次数：
180
CSS 伪元素用于向某些选择器设置特殊效果 语法： 相同点： 两者均以selector：或者selector.class：的形式开头。不同点： 伪类用于选择DOM树之外的信息，或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素，比如:visited，:active；后者包含那些满足一 ...
分类：
其他好文 时间：
2018-10-25 11:06:06
阅读次数：
188
/*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ content:'alex'; } /* ...
分类：
Web程序 时间：
2018-10-18 19:21:41
阅读次数：
754
1.补充 margin的margin：0 auto；会解决元素的居中，前提是给这个元素设置width 2.css的层叠问题 css有两个性质 1.继承性 2.层叠性 选择器的一种选择能力，谁的权重大就选谁 A，选不中，走继承性，（font color text）继承性的权重是0 a）有多个父级都设置 ...
分类：
Web程序 时间：
2018-09-15 17:33:41
阅读次数：
158
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after 1、伪类与伪 ...
分类：
Web程序 时间：
2018-06-14 15:06:27
阅读次数：
225
0.参考 https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle 0.1 Use with pseudo-elements getComputedStyle can pull style info from p ...
分类：
Web程序 时间：
2018-05-12 03:09:33
阅读次数：
275
