【CSS】CSS特性及选择器

一、前言:关于CSS以及CSS盒子模型的介绍,本博文中将不再赘述,预知详情请猛戳这里

二、特性:

1、继承性:

 ①概念:继承是指对父元素的规则同样适用于子元素,例如给body设置字体样式为:body { font-size:14px;}。如果其子元素没有设置其他和该元素相冲突的规则,子元素的字体大小也就是14px。元素的相关级别如下如所示。

                                 

②继承的局限性:多数边框属性,如padding(填充)、边框(border)、边界(margin)等是不支持继承的。

2、层叠性:

      当有多个属性作用于同一个元素时,即多个选择器的范围发生了重叠,CSS该如何应对?

①当多个选择器定义的样式不发生冲突,则元素应用所有选择器定义的样式

②当有多个选择器定义的样式发生冲突时(比如定义了字体的大小属性),则CSS按选择器的优先级,选择优先级高的选择器样式。


三、选择器:

1、语法结构:

                  

2、选择器的分类:

               


               

四、ID选择器和类选择器的区别:

       1、两者主要区别在哪里呢?

        id你只能用来定义单一元素,定义两个以后。页面不会出现什么问题,但是W3检测的时候认为你页面不符合标准;class是类,同一个class可以定义多个元素。就页面效果而言,两个东西的视觉效果几乎无差别。

        2、id选择器为什么要少用,它有什么局限性?

        单一使用的样式用id,需要程序、js动态控制的样式用id,id在页面只能使用一次!提供少用id,因为id可能和页面嵌套的程序冲突(比如名称相同等)!

        3、什么时候使用ID,什么时候使用class?

        单一的元素,或需要程序、JS控制的东西,需要用id定义;重复使用的元素、类别,用class定义。

五、样式调用方式:

       样式可以存在在一个专门存在样式的文件里(外部样式表),HTML页面的<head></head>里(内部样式表)、元素的Style属性里(内联样式)。

         

            


五、总结:

        在进行网页设计时,如何正确进行样式设计,CSS选择器显得尤为重要,掌握好CSS选择器的优先级将对我们的BS学习大有裨益。。。      

            

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值