码迷,mamicode.com
首页 > Web开发 > 详细

css

时间:2016-05-31 22:20:04      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

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<!--提升他的优先级为最高-->    }

css

标签:

原文地址:http://www.cnblogs.com/k1024/p/5547710.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!