/*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ content:'alex'; } /* ...
分类：
Web程序 时间：
2018-10-18 19:21:41
阅读次数：
754
先上代码： 效果图： 主要运用的是1.border 组成的直角三角形。2，before 和 after 伪元素 。3，z-index属性 1. 将元素的长宽设置为0，并且将border的3条边设置为透明的，就会出现border颜色的直角三角形； 2. 利用伪元素after和before，可以不用另外 ...
分类：
Web程序 时间：
2018-10-17 22:13:53
阅读次数：
198
1.高阶选择器:子代后代，相邻通用兄弟，交集并集，属性，伪类，伪元素子代后代选择器 div>p{} div p{}相邻通用兄弟 div+p{} div~p{}理解：div同学的同桌p div同学的【同学（有p的）】交集并集选择器 div,p div.div注意:类选择写后面属性选择器 [id] [c ...
分类：
Web程序 时间：
2018-10-14 19:20:01
阅读次数：
213
伪类：开始只是用来标识一些元素的动态状态，典型的就是链接的各个状态。 伪元素：代表某一个元素的子元素，这个子元素虽然在逻辑上存在，却并不实际存在于文件档树中。 伪类和伪元素的根本区别在于，他们是否创造的新的元素。从我们模仿其意义的角度来看，如果是需要添加新元素加以标识的，就是伪元素，反之，如果只需要 ...
分类：
其他好文 时间：
2018-10-14 00:33:00
阅读次数：
135
最全CSS3选择器 一，CSS3 选择器分类 二，选择器语法 1，基本选择器语法 选择器 类型 功能描述 * 通配选择器 选择文档中所以HTML元素 E 元素选择器 选择指定类型的HTML元素 #id ID选择器 选择指定ID属性值为“id”的任意类型元素 .class 类选择器 选择指定class ...
分类：
Web程序 时间：
2018-10-12 19:31:15
阅读次数：
4461
前提 在日常处理国际化的时候，通常是将key通过类似intl.xx(key)转换为对应环境的文案，可是如果需要在css中加入对应逻辑应该怎么做呢（比如在after的伪元素中显示不同的文案），毕竟在css中没办法通过js代码将key转换为文案。 思路 1. 既然不能在css中写入翻译过程，那么就把翻译 ...
分类：
Web程序 时间：
2018-10-12 17:03:59
阅读次数：
170
使用属性： 普通背景模糊 为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢？我们可以使用伪元素，这样我们也顺便解决了白边的问题。 实现思路： 在父容器中设置背景，并且使用相对定位，方便伪元素重叠。而在:after中只需要继承 ...
分类：
Web程序 时间：
2018-09-29 17:40:26
阅读次数：
369
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
CSS选择器的规则 (1)selector{ name1: value1; name2: value2 } (其中分号表示分隔符, 而不是像编程语言中表示语句结束符) (2)CSS选择器有不同的匹配规则 例如一个元素既可以通过元素选择器又可以通过类选择器来匹配 (3)多个选择器可以进行叠加 例如元素 ...
分类：
Web程序 时间：
2018-09-09 18:19:23
阅读次数：
177
