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”,则可以将类选择器的样式与元素关联。

在实际使用时,如果需要为某种元素定义样式,则往往使用元素选择器;如果要应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。