伪元素 :before和:after的使用,分享人：田文锋,时 间：2018年1月30日,CONTENTS,目录,什么是伪元素,1,:before 和 :after 的用法,2,使用伪元素需要注意的问题,3,什么是伪元素,用于已有元素处于某个状态时，为其添加对应的样式，该状态随用户行为动态变化。,用于创建一些不在文档树中的元素，并为其添加样式。,区别：有没有创建新的元素(抽象的),什么是伪元素,用法1：清除浮动,用法2：插入文本,用法3：插入非文本内容 (如图片、CSS-Sprites),用法4：图片水平垂直居中,用法5：文本引用 (给一段文字加引号),用法6：加大点击区域 (增强用户体验),用法7：制作 tips,用法8：显示对应链接的图标,用法9：导航间隔符,用法10：标题样式,用法11：给容器添加阴影,用法12：照片堆叠效果,用法13：变形恢复,用法14：替代换行标签,用法15：单标签图案,用法16：半边文字效果,用法17：计数器效果,使用伪元素需要注意的问题,PPT模板下载： 行业PPT模板： 节日PPT模板： PPT素材下载： PPT背景图片： PPT图表下载： 优秀PPT下载： PPT教程： Word教程： Excel教程： 资料下载： PPT课件下载： 范文下载： 试卷下载： 教案下载： PPT论坛：,感谢聆听！,Thanks for listening !,
