1. vertical-align属性实现效果： vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。 1 2 ...

先介绍下伪类和伪元素： 伪类：操作的是在dom结构中已经存在的元素，可以对它进行一些样式的调整，比如:active,:hover等，一般用单冒号，感觉像是给元素添加一个class，然后设置样式； 伪元素：操作的是在dom结构中不存在的元素，比如::after,::before等，可以对新添 ...

:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下： #example{ width:300px; height:40px; line-height ...

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外 ...

示例： 代码： 我来分割线--------------------------------------------------------------------------- ...

一直感觉这两个伪类对象不是很重要，并且IE对它两兄弟并不支持，所以也没有怎么静下心来研究，只有在清楚浮动clearfix的时候会用到哈，其他都很 少用！不过最近在研究css3的时候觉得它两个的搭配不仅能够减少代码量并且能整出很巴适的效果，所以就来研究研究哈！ 一、先来 ...

::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line ...

全手打原创，转载请标明出处：https://www.cnblogs.com/dreamsqin/p/11181416.html 1、什么时候用伪类:before和:after？ 结合实际开发情况，说一点自己的理解~ （1）原本这两个伪类核心是content，用于在指定元素之前或之后插入 ...