CSS样式表

样式表

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

样式表包括内联样式表:直接在标签里面写,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(内容与单元格间距)

       4、浮动属性:  float:left...

链接的style:

  a:link      超链接被点前状态

  a:visited   超链接点击后状态

  a:hover   悬停在超链接时

  a:active   点击超链接时

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

        


posted @ 2016-05-04 15:53  雍家培  阅读(181)  评论(0编辑  收藏  举报