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

CSS样式表

时间:2016-05-04 17:01:49      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

样式表

注释:/*这是注释内容*/

样式表包括内联样式表:直接在标签里面写,style属性

      内嵌样式表:写在head标签里面,<style type="text/css"> 标签样式... </style>

      外部样式表:新建CSS文件放样式表,在html中引用

           <link href="o.css" rel="stylesheet" type="text/css">  rel属性定义标签关联的样式标签,type属性定义文档的类型
选择器:内嵌样式表、外部样式表用

  1、标签选择器:     用标签名做选择器   p{样式}

  2、class选择器:  . 开头,标签属性class调用样式  定义样式:.main{样式} 调用样式 <p class="main"></p> 

  3、id选择器:    # 开头,标签属性id调用样式  定义样式:#main{样式} 调用样式:<p id="main"></p>  id唯一 

  4、复合选择器:  用逗号“,”隔开表示并列  p,span{}  /*标签p、span两者同样的样式*/

            用空格“ ”隔开表示后代  .main p{}  /*找到使用样式mian的标签,再改标签里的p标签使用该样式*/

            筛选“.”         p.sp{}    /*在标签p中的class=“sp”的标签,执行一下样式表*/

样式属性:  1、背景与前景:background...

       2、字体:   font...

       3、border(表格边框、样式等)、margin(表外间距)。padding(内容与单元格间距)

链接的style:

  a:link      超链接被点前状态

  a:visited   超链接点击后状态

  a:hover   悬停在超链接时

  a:active   点击超链接时

  在定义这些状态时,有一个顺序l v h a

        


CSS样式表

标签:

原文地址:http://www.cnblogs.com/yongjiapei/p/5458713.html

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