• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
成为自己最想成为的那种人
博客园    首页    新随笔    联系   管理    订阅  订阅
CSS选择符

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

    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;

    }

posted on 2017-05-30 13:16  遇见未来  阅读(225)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3