第11章 CSS的概念.pptVIP

第11章 CSS的概念 在网页设计中，需要使用各种不同的元素和内容。为了页面更加美观，通常会给页面添加一些背景，边框之类，使页面的主题更加突出。在网页设计中，CSS部分就是担任这个角色，其具体的实现过程，要依附于其他的相关代码。通过本章学习，应该掌握以下知识要点： 网页设计中使用的各种内容， 在网页中的简单使用CSS的方法。 调用CSS的方法 11.1 什么是CSS CSS又称为级联样式表，是Cascading Style Sheet的缩写，通常也简称为样式表。是W3C组织制定的，用于控制网页样式的一种标记性语言。使用css能使网页看其更加美观漂亮。 11.2 CSS与网页显示效果的关系 使用CSS对页面进行布局，可以避免大量冗余和重复的代码，同时使页面的更新和维护更加方便。CSS布局之所以能够具有这样的优势，其原因在于，使用CSS布局的页面，结构和表现可以独立控制。通过修改CSS文件中定义的样式，可以统一修改站点中所有页面中相同的样式。同时，由于页面中剥离了修饰内容，减少了大量的冗余代码，使代码更加简洁清晰。 1．网站浏览者的好处 2．网站拥有者的好处 11.3 使用CSS的方法 在页面中使用CSS样式，通常有3种方法，元素中直接添加样式、从页面头部style元素中调用、采用链接的形式调用。每种方法的添加位置和格式都有所区别，并且具有不同的优先级，其中推荐使用的方法是使用链接的外部样式。具体的添加方法如下所示。 11.3.1 元素中直接添加样式 在行内添加CSS，就是将CSS样式添加在页面的元素标签中，此时样式的作用范围为元素标签开始和结束之间。行内添加CSS样式，具有最高的优先级。 11.3.2 从页面头部style元素中调用 内嵌式调用CSS样式，就是通过在style元素中定义CSS代码，页面中调用相应样式的方式定义CSS样式。在style中定义的CSS样式，必须通过页面中元素的名称或定义相应的属性才能够调用。内嵌式调用CSS样式，优先级低于行内添加的CSS样式。 11.3.3采用链接的形式调用 链接形式调用CSS样式，就是将CSS样式定义在一个外部的文件中，然后通过使用link元素，在页面中调用这个外部文件。独立的CSS文件后缀为“.css”为文本格式，可以保存在磁盘的任意位置。链接外部的CSS样式，优先级最低。 11.4 本章习题 一，选择题 二．填空题 二．简答题。 11.5 小结 本节主要讲解了CSS的概念、使用方法，通过本章的学习，读者可以了解到什么是CSS，CSS的作用是什么，CSS和网页显示效果之间的关系。同时可以学习到怎样在网页中添加CSS，以及各种调用CSS方法之间的区别和优先级别。本章的重点是CSS和网页效果之间的关系，本章的难点是不同调用CSS方法之间的优先级。