不拼不博三年白活

css

css:层叠样式表-->表现层(样式层)

 

样式规则语法:选择器+声明块(声明(属性+值))

p{color:red}   有多个声明时用;分开

样式分类  

  行内样式  <p style="color:red"></p>  

  内部样式  <head>    

          <style type="text/css">    

          p{     color:blue;    }    

          </style>  

         </head>  

  外部样式(一帮使用这种样式:客户端在下载时跟HTML是并行下载)   

      <head>    

        <link rel="stylesheet" href="">     

            样式调用     地址   

      </head>

 

选择器

 #t2>p{            

    color: red;<!--有多种选择器 元素(p{ })、id(#+Id号)、class(.+class名字)、    通配(*)、              群组(,,用,分开)、包含(空格)、    改变直接子元素(>)、改变同级元素(+)-->        

     }

 

伪类及伪元素选择器  

a:link{            

  color: green; text-decoration: none;    <!--未访问的-->        

}        

a:visited{

            <!--已访问的-->        

}        

a:hover{

             <!--鼠标放在链接上时-->        

}        

a:active{

             <!--激活,鼠标点击未放开时-->        

}

 

input[type=password]{

       color: yellow;<!--属性选择器-->

 }

 

选择器优先级

!important>Id>class>element(元素)>伪类>*

 

 p{        color: red;!important<!--提升他的优先级为最高-->    }

posted on 2016-05-31 21:54  不拼不博三年白活  阅读(266)  评论(0编辑  收藏  举报

导航