《零点起飞学HTMLCSS之CSS样式基础知识》由会员分享，可在线阅读，更多相关《零点起飞学HTMLCSS之CSS样式基础知识（12页珍藏版）》请在金锄头文库上搜索。
1、第第1212章章 CSSCSS样式基础知识样式基础知识+CSS（Cascading Style Sheet）主要是用来为 网页中的元素进行格式设置以及对网页进 行排版和风格设计。CSS样式看似简单，但 要真正精通是不容易的。本章作为CSS样式 的第一章，先从最基础的知识开始介绍， 为以后CSS的应用奠定基础。12.1 CSS12.1 CSS样式表类别样式表类别+CSS样式表可以分为三种：外部样式表、内 部样式表和内嵌样式表。这三种样式表的 用法是不同的。12.1.1 12.1.1 外部样式表外部样式表+外部样式表是指样式文件以.css为扩展名保 存为一个独立的文本文件，然后使用 标签来把它调用
2、出来。标签是单标签 ，它没有闭合标签，所以在书写时，要使 用“/”号来对标签进行闭合。其语法结 构如下。+12.1.2 12.1.2 内部样式表内部样式表+内部样式表是指将CSS语法直接放在页面里 ，仅供本网页使用。通过标签来进 行设置。其语法结构如下。+12.1.3 12.1.3 内嵌样式表内嵌样式表+内嵌样式表是指直接使用HTML标签中的 style属性来定义样式，但是只在所定义的区 域内才有效。内嵌样式表也是通过style来进 行设置。不过style在这里是做为一个标签里 的属性出现的，而不是做为单独的标签出 现。其语法结构如下。+ 12.2 12.2 选择器选择器+选择器是CSS控制H
3、TML文档中对象的一种 方式。简单的说就是用它来告诉浏览器这 段代码将应用到哪个对象。通过调用， HTML可以根据内容的不同，而选择不同的 样式来修饰内容。所以要将CSS样式应用到 HTML中，首先要选择合适的选择器，来对 HTML的元素进行样式的控制。12.2.1 12.2.1 派生选择器派生选择器+派生选择器是指选择器组合中，前一个对 象包含后一个对象，对象之间使用英文的 空格键来隔开。这样做有个好处，就是规 定了派生选择器下的样式只能在指定的位 置才可以使用。如果对某一元素中的子对 象进行样式指定时，派生选择器就派上用 场了。12.2.2 ID12.2.2 ID选择器选择器+在一个网页中
4、，每一个标签都可以用一个id 属性进行名称的指定。id选择器就是指在 HTML中用id属性对样式进行调用的选择 器。在CSS样式中，id选择器使用#符号进 行标识。12.2.3 12.2.3 类选择器类选择器+类选择器，就是对网页样式归类的选择 器。它是指在HTML中用class属性对样式进 行调用的选择器。类选择器可以包括HTML 中不同类型的一些元素，就如同对这些元 素进行分类一样。类选择器可命名时要在 类名称前面加上英文的句号“.”，以此来和 HTML中的class属性进行绑定。12.3 CSS12.3 CSS优先级优先级+CSS优先级是指在众多CSS样式中，HTML 会优先考虑哪个样式
5、。在CSS样式使用中， 可以分为两种优先级，一种是样式表的优 先级，另一种是选择符的优先级。本节我 们就来讲解这两种优先级。12.3 CSS12.3 CSS优先级优先级+1. 样式表优先级+CSS样式在HTML的使用中，会采取就近原则来设 置样式。越接近内容的优先级越高。上面讲过的 三种样式表中，优先级从高到低依次是：内嵌样 式表、内部样式表、外部样式表。+2选择器优先级+在上面讲解的各种选择器中，优先级从高到低依 次是：id选择器、类选择器、派生选择器。12.412.4 本章小结本章小结+本章学习了CSS样式的基础知识。主要讲解 了CSS样式表的类别、选择器以及CSS样式 的优先级。要学好CSS，这些都是我们首先 要了解的最基本的知识。本章的难点是选 择器的使用，读者需要认真学习。
