介绍常用的伪元素。 after用得比较多的 first-letter 用于为文本的第一个首字母设置样式。 before 用于在元素的内容前面插入新内容 使用此伪元素选择器一定要结合content属性 在每个<p>元素之前插入内容： after 用在网页布局比较多，清除浮动 用于在元素的内容后面插入新 ...
分类：
Web程序 时间：
2019-05-02 23:30:39
阅读次数：
236
Relationship Selectors：关系型选择器 Attribute Selectors：属性选择器 Pseudo-Element Selectors:伪元素选择器 一、Relationship Selectors:关系型选择器 1. E + F : 选择E的下一个兄弟元素并且满足条件F ...
分类：
Web程序 时间：
2019-04-17 09:33:57
阅读次数：
381
原帖地址 https://www.cnblogs.com/yangjunfei/p/6739683.html 感谢分享 一、思路： 将伪元素:before和:after定位到元素底部中间，设置宽度从0变成100%达到目的。 二、实现： 1、首先定义一个块状元素（行内元素没有宽高）并修改样式为一个背景 ...
分类：
Web程序 时间：
2019-04-15 16:36:50
阅读次数：
203
引用：https://segmentfault.com/a/1190000004865198 清除浮动 clear类方法 1.使用带clear属性的空元素 在浮动元素后使用一个空元素，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" ...
分类：
其他好文 时间：
2019-03-19 10:48:38
阅读次数：
157
前面的话 伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识 锚点 关于锚点<a>，有常见的5个伪类，分别是:l ...
分类：
Web程序 时间：
2019-03-14 11:55:59
阅读次数：
170
透明度： 1、opacity 背景颜色和字体同时透明 2.background:rgba(255,255,255,0.2); 只是背景颜色透明，字体不透明 代码： 毛玻璃效果：CSS filter 模糊背景部分， 应用了filter:blur(size)的元素的所有子孙元素都会被模糊处理（不是因为继 ...
分类：
Web程序 时间：
2019-03-04 13:01:38
阅读次数：
2072
css三大特性 1、层叠性（就近原则） 2、继承性（和文字有关的会继承） 3、优先级 （权重问题） 权重：0,0,0,0 0001 标签选择器（注意：即使有20个标签选择器也不会比一个伪类选择器优先级高） 0010 类选择器，伪类选择器，属性选择器，伪元素选择器 0100 id选择器 1000 行内 ...
分类：
Web程序 时间：
2019-03-03 09:45:39
阅读次数：
249
大家最常用作图标的元素是i标签，为什么呢？ 综合来看，从实用性上暂时没看出有什么缺陷，所以目前用不用 <i> 取决于你对于遵循规范有多洁癖。 具体如何在元素内容前后添加图标呢？这就要用使用伪元素:before和after，语法： 1. 直接插入图片 2. 使用特殊字符 2.1 语法 2.2 HTML ...
分类：
其他好文 时间：
2019-02-22 21:40:18
阅读次数：
811
【转】06-伪元素选择器 废话不多说，直接上代码！！！ ...
分类：
其他好文 时间：
2019-02-07 12:09:52
阅读次数：
182
今天和大家分享一个利用CSS3的animation属性完成的一个边框动画效果。大家都知道，CSS3给我们提供了@keyframes关键字，能让我们在网页中轻松插入动画。一个简单的动画插入，结构如下： 效果如下： 除了用from to 这种形式之外，我们还可以用百分比，更加细化各个阶段的表现样式，例子 ...
分类：
Web程序 时间：
2019-01-31 13:00:14
阅读次数：
337
