css样式表、css选择器

1 简述 CSS 样式表的使用方式。
HTML 页面有三种使用 CSS 样式表的方式:
1、内联样式表:样式规定在单个的元素中,写在元素的 style 属性里;
2、内部样式表:样式定义在HTML页面的头元素中;
3、外部样式表:将样式定义在一个外部的 CSS 文件中,然后由HTML页面引用样式表文件。

2 如何理解 CSS 样式表的层叠性。
CSS使用层叠(Cascade)的原则来考虑继承、层叠次序和优先级等重要特征,从而判断相互冲突的规则中哪个规则应该起作用。
继承性是指,许多CSS的样式规则不但影响选择器所定义的元素,而且会被这些元素的后代继承。
层叠性是指,当一个Web页面使用多个样式表,多个样式表中的样式可层叠为一个。在多个样式表之间所定义的样式没有冲突的时候,浏览器会显示所有的样式。
优先级是指,当发生样式定义冲突时,浏览器首先会按照不同样式规则的优先级来应用样式。CSS 样式的优先级如下所示(其中数字3拥有最高的优先权):
1、浏览器缺省设置;
2、外部样式表(.css 文件)或者内部样式表(位于< head>元素内部);
3、内联样式(作为某个元素的style属性的值)。
同等优先级下,以最后定义的样式为准。

3 CSS 选择器中,元素选择器和类选择器的区别是什么?
元素选择器是最常见的 CSS 选择器,即,文档的元素就是最基本的选择器。选择器通常是某个HTML元素,比如 < p>、< h1>、< em>、< a>等,甚至可以是< html>元素本身。
类选择器用于将样式规则与附带class属性的元素匹配,其中该class属性的值为类选择器中指定的值。使用类选择器时,首先需要定义样式类,其语法为:
.className { }
所有能够附带class属性的元素都可以使用此样式声明。只需要将class属性的值设置为“className”,则可以将类选择器的样式与元素关联。
在实际使用时,如果需要为某种元素定义样式,则往往使用元素选择器;如果要应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冰河家园

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值