资源预览内容
第1页 / 共12页
第2页 / 共12页
第3页 / 共12页
第4页 / 共12页
第5页 / 共12页
第6页 / 共12页
第7页 / 共12页
第8页 / 共12页
第9页 / 共12页
第10页 / 共12页
亲,该文档总共12页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
第第1212章章 CSSCSS样式基础知识样式基础知识+CSS(Cascading Style Sheet)主要是用来为 网页中的元素进行格式设置以及对网页进 行排版和风格设计。CSS样式看似简单,但 要真正精通是不容易的。本章作为CSS样式 的第一章,先从最基础的知识开始介绍, 为以后CSS的应用奠定基础。12.1 CSS12.1 CSS样式表类别样式表类别+CSS样式表可以分为三种:外部样式表、内 部样式表和内嵌样式表。这三种样式表的 用法是不同的。12.1.1 12.1.1 外部样式表外部样式表+外部样式表是指样式文件以.css为扩展名保 存为一个独立的文本文件,然后使用 标签来把它调用出来。标签是单标签 ,它没有闭合标签,所以在书写时,要使 用“/”号来对标签进行闭合。其语法结 构如下。+12.1.2 12.1.2 内部样式表内部样式表+内部样式表是指将CSS语法直接放在页面里 ,仅供本网页使用。通过标签来进 行设置。其语法结构如下。+12.1.3 12.1.3 内嵌样式表内嵌样式表+内嵌样式表是指直接使用HTML标签中的 style属性来定义样式,但是只在所定义的区 域内才有效。内嵌样式表也是通过style来进 行设置。不过style在这里是做为一个标签里 的属性出现的,而不是做为单独的标签出 现。其语法结构如下。+ 12.2 12.2 选择器选择器+选择器是CSS控制HTML文档中对象的一种 方式。简单的说就是用它来告诉浏览器这 段代码将应用到哪个对象。通过调用, HTML可以根据内容的不同,而选择不同的 样式来修饰内容。所以要将CSS样式应用到 HTML中,首先要选择合适的选择器,来对 HTML的元素进行样式的控制。12.2.1 12.2.1 派生选择器派生选择器+派生选择器是指选择器组合中,前一个对 象包含后一个对象,对象之间使用英文的 空格键来隔开。这样做有个好处,就是规 定了派生选择器下的样式只能在指定的位 置才可以使用。如果对某一元素中的子对 象进行样式指定时,派生选择器就派上用 场了。12.2.2 ID12.2.2 ID选择器选择器+在一个网页中,每一个标签都可以用一个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 会优先考虑哪个样式。在CSS样式使用中, 可以分为两种优先级,一种是样式表的优 先级,另一种是选择符的优先级。本节我 们就来讲解这两种优先级。12.3 CSS12.3 CSS优先级优先级+1. 样式表优先级+CSS样式在HTML的使用中,会采取就近原则来设 置样式。越接近内容的优先级越高。上面讲过的 三种样式表中,优先级从高到低依次是:内嵌样 式表、内部样式表、外部样式表。+2选择器优先级+在上面讲解的各种选择器中,优先级从高到低依 次是:id选择器、类选择器、派生选择器。12.412.4 本章小结本章小结+本章学习了CSS样式的基础知识。主要讲解 了CSS样式表的类别、选择器以及CSS样式 的优先级。要学好CSS,这些都是我们首先 要了解的最基本的知识。本章的难点是选 择器的使用,读者需要认真学习。
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号