zoukankan      html  css  js  c++  java
  • 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

            


  • 相关阅读:
    用Python实现谷歌的小恐龙游戏
    nyoj_187_快速查找素数_201312042102
    nyoj_218_Dinner_201312021434
    nyoj_66_分数拆分_201312012122
    nyoj_524_A-B Problem_201312012035
    hdu_2054_A == B_201311301601
    nyoj_655_光棍的yy_201311281539
    nyoj_111_分数加减法_201311281341
    nyoj_60_谁获得了最高奖学金_201311281117
    nyoj_264_国王的魔镜_201311271800
  • 原文地址:https://www.cnblogs.com/yongjiapei/p/5458713.html
Copyright © 2011-2022 走看看