博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS选择符
阅读量:4546 次
发布时间:2019-06-08

本文共 796 字,大约阅读时间需要 2 分钟。

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

    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;

    }

转载于:https://www.cnblogs.com/zhangchaoran/p/6920242.html

你可能感兴趣的文章
String.Join重载String.Join 方法 (String, String[], Int32, Int32)
查看>>
OJ常见问题及必须认识的对拍处理水题
查看>>
Python之路【第三篇】:Python基础(二)
查看>>
登陆官方谷歌及GMAIL的方法
查看>>
(yiyan)玩转异地恋
查看>>
谷歌Chrome浏览器开发者工具的基础功能
查看>>
字符编码
查看>>
Leetcode: Linked List Cycle
查看>>
java书籍
查看>>
MySQL++简介
查看>>
HTML5实现IP Camera网页输出 分类: HTML5 ...
查看>>
windows电脑常用必备软件
查看>>
打包部署到tomcat
查看>>
第六课 链接学习
查看>>
Mysql索引PRIMARY、NORMAL、UNIQUE、FULLTEXT 区别和使用场合
查看>>
海量积分数据实时排名算法
查看>>
SQL server Error Number
查看>>
select2 插件
查看>>
MyEclipse 中文乱码
查看>>
SpringAOP03 项目脚手架、自定义注解、织入切面、引介增强
查看>>