CSS:     1.css的引入方式     2.基础选择器     3.高级选择器     4.属性选择器     5.伪类选择器     6.伪元素选择器     7.css的继承性，层叠性，层叠性权重以及important属性     8.盒模型的认知和计算     9.认识padding     10.认识border和使用border制作三角形     11.认识margin     12.标准文档流的概念和微观现象

1.css的引入方式

    
                 
             
         
         
         
     
        
      
我是一个段落
    
     
    
     
        
      
            
       我是另一个样式            
       我是另一个样式            
       我是另一个样式            
       路飞        
      
    
     

2.基础选择器

    
                 
         
     
        
      
我是一个选择器
        
      
            
       
                                    哈哈哈                            
        
      
    
     
    
     
        
      123        
      456    
     
    
     
        
      
我是一个三级标签
        
      
我是一个三级标签
        
      
我是一个三级标签
        
      
我是一个三级标签
        
      
我是一个三级标签
    
     

 

3.高级选择器：

    
                 
     
        
      
我是另一个段落
        
      
            
       
我是一个段落
            
       luffy        
      
        
      
我是另一个段落2
        
      
            
       
                
 我是一个h3
                
我是一个h4标题
            
            
       
                
我是一个h4标题
                BAT            
        
      
    
     
    
     

 

4.属性选择器：

    
                 
         
     
        
      
            
       用户名：            
                   
       密码：            
       vip1            
       vip2            
       用户名2：            
       用户名3：        
      
    
     

 

5.伪类选择器：

    
                 
     
        
      
            
       
                1                张三            
            
       
                2                李四            
            
       
                3                王五            
            
       
                4                赵六            
            
       
                5                赵六            
            
       
                6                赵六            
            
       
                7                赵六            
            
       
                8                赵六            
            
       
                9                赵六            
        
      
    
     

 

6.伪元素选择器：

    
                 
        我是一个段落    

 

7.css的继承性，层叠性，层叠性权重以及important属性

# css的继承性    
                 
         
     
        
      
alex
    
     
# css的层叠性    
                 
         
        猜猜我是什么颜色    
    
                 
     
        
      
            
       
                
        
再来猜猜我是什么颜色
            
       
        
      
    
     
# 层叠性权重相同的处理：    
                 
         
     
        
      
            
       
                
        
再来猜猜我是什么颜色
            
       
        
      
    
     
# important属性    
                 
         
     
        
      
我是什么颜色
        
      
我是什么颜色
    
     
    
     
        
      
            
       
                我是一个li标签            
        
      
    
     

 

8.盒模型的认知和计算

    
                 
         
     
              好雨知时节，当春乃发生，随风潜入夜，润物细无声。    
     

    
                 
         
     
              内容    
     

 

9.认识padding

    
                 
         
     
              好雨知时节，当春乃发生，随风潜入夜，润物细无声。    
     

    
                 
         
     
        
      
1
        
      
1
        
      
1
        
      
1
        
      
1
    
     

 

10.认识border和使用border制作三角形

 

11.认识margin

    
                 
         
     
    
我是一个p标签

 

12.标准文档流的概念和微观现象

    
                 
         
     
              文字                                文字    
     
    
     
              文字文字文字文字文字
      姚明文字文字文字文字文字文字文字文字文字文字文字