css入门

使用Chrome开发者工具

• 找到开发者工具

  
  
  

  1.png

2.png

• 标签查询方式
  标签+mdn

• 在线编辑工具codepen

• 层叠
  标签重叠起来

颜色

• RGBA(红，绿，蓝，透明度)

• 一般用十六进制表示

  
  
  

  3.png

链接的样式

Link   没有访问过的
Visited  已经访问过的
Hover  用户的鼠标光标刚好停留在这个链接
Focus  一个链接被选中的时候
Active  一个链接被激活的时候

如：

a {

}


a:link {

}

a:visited {

}

a:focus {

}

a:hover {

}

a:active {

}

语义化

提高原来标签的level，参考好的网站具体化

cssreset

• 修改浏览器默认样式

body,ul,ol,li {
    padding:0;
    margin:0;
}

• 网页的默认字体通常是16

选择器

• 通配符选择器 *
• 类选择器

  
    
  
  
    

      类选择器
    
  

• 后代选择器

  
    
  
  
    

      后代选择器
    
  

• 子元素选择器

    
  
  
    

      

        

          子元素选择器
        
      
      

          子元素选择器
      
      

          子元素选择器
      
      

          子元素选择器
      
    
  

• 毗邻元素选择器

    
  
  
    
毗邻元素选择器
    
毗邻元素选择器
    毗邻元素选择器
    毗邻元素选择器
  

• 兄弟元素选择器

    
  
  
    
兄弟元素选择器
    
兄弟元素选择器
    兄弟元素选择器
    兄弟元素选择器
  

• 多元素选择器

    
  
  
    

        
多元素选择器
        
多元素选择器
        多元素选择器
        多元素选择器