首页 > Web开发 > 详细

CSS选择符

时间:2017-05-30 14:55:06      阅读:258      评论:0      收藏:0      [点我收藏+]

群选择符:可以对一组对象进行相同的样式指派。

    h1,h2,h3,p,span{

      font-size:12px;

      font-family:"宋体";

    }

    使用逗号对选择符进行分隔,使得页面所有的h1、h2、h3、p、span均具有相同的样式定义,这样做的好处是使页面中需要使用相同样式的地方

  只需要书写一次样式表即可实现,减少代码量,改善了CSS代码的结构。

派生选择符:

    h1 span{

      font-weight:bold;

    }

    当只想对某一个对象中的“子”对象进行样式指定时,派生选择符就派上了用场。派生选择符指选择符组合中的前一个对象包含后一个对象

  对象之间使用空格作为分隔符。

    这样做能避免过多的id及class的设置,直接对需要设置的元素进行设置。(可以多级)

id选择符:

    <div id="top"></div>    //每个id名称只能使用一次

    在CSS样式中,id选择符使用#进行标识:

      #top{

        font-size:14px;

        line-height:130%;    <!--设置行间距-->

      }

    id的基本作用是对每一个页面中唯一出现的元素进行定义,如可以将导航条命名为 nav,将网页头部和底部命名为 header 和 footer 。

  有助于代码阅读及使用。

类别选择符:

    用类选择符能够把相同的元素分类定义为不同的样式,在定义类选择符时,需在自定类的名称前面加一个点号。

    .right{

      text-align:right;

    }

CSS选择符

原文:http://www.cnblogs.com/zhangchaoran/p/6920242.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!