一、属性介绍

1、::before是在使用它的元素的内容前面插入内容

我们可以看到'哈哈'是插入在P元素的内容的前面而不是P元素本身的前面

2、::before的content属性是必须的

我们可以看到第二张图片加了content:''后，红色小块就显示出来了

3、::before的content可以是url

4、::before的content可以是attr

5、::before的content可以是counter

6、::before对img元素无效

我们可以看到'哈哈'显示不出来，原因是img元素是没有内容的

二、应用

1.清除浮动

2.面包屑导航

3.小三角

    
        
        
        
               
什么是CSS3?
   
    
         CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块    
    
复制代码

4.消息提示

    
        
        
        
             
    
          平时有事没事我喜欢在     
     百度     上面搜索东西 
    
复制代码

5.其他酷炫效果

代码地址：