《零点起飞学HTMLCSS之CSS样式基础知识.pptx》由会员分享，可在线阅读，更多相关《零点起飞学HTMLCSS之CSS样式基础知识.pptx（12页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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控制HTML文档中对象的一种方式。简单的说就是用
3、它来告诉浏览器这段代码将应用到哪个对象。通过调用，HTML可以根据内容的不同，而选择不同的样式来修饰内容。所以要将CSS样式应用到HTML中，首先要选择合适的选择器，来对HTML的元素进行样式的控制。12.2.1 12.2.1 派生选择器派生选择器+派生选择器是指选择器组合中，前一个对象包含后一个对象，对象之间使用英文的空格键来隔开。这样做有个好处，就是规定了派生选择器下的样式只能在指定的位置才可以使用。如果对某一元素中的子对象进行样式指定时，派生选择器就派上用场了。12.2.2 ID12.2.2 ID选择器选择器+在一个网页中，每一个标签都可以用一个id属性进行名称的指定。id选择器就是指在
4、HTML中用id属性对样式进行调用的选择器。在CSS样式中，id选择器使用#符号进行标识。12.2.3 12.2.3 类选择器类选择器+类选择器，就是对网页样式归类的选择器。它是指在HTML中用class属性对样式进行调用的选择器。类选择器可以包括HTML中不同类型的一些元素，就如同对这些元素进行分类一样。类选择器可命名时要在类名称前面加上英文的句号“.”，以此来和HTML中的class属性进行绑定。12.3 CSS12.3 CSS优先级优先级+CSS优先级是指在众多CSS样式中，HTML会优先考虑哪个样式。在CSS样式使用中，可以分为两种优先级，一种是样式表的优先级，另一种是选择符的优先级。本节我们就来讲解这两种优先级。12.3 CSS12.3 CSS优先级优先级+1.样式表优先级+CSS样式在HTML的使用中，会采取就近原则来设置样式。越接近内容的优先级越高。上面讲过的三种样式表中，优先级从高到低依次是：内嵌样式表、内部样式表、外部样式表。+2选择器优先级+在上面讲解的各种选择器中，优先级从高到低依次是：id选择器、类选择器、派生选择器。12.412.4本章小结本章小结+本章学习了CSS样式的基础知识。主要讲解了CSS样式表的类别、选择器以及CSS样式的优先级。要学好CSS，这些都是我们首先要了解的最基本的知识。本章的难点是选择器的使用，读者需要认真学习。