第5章 CSS样式的应用VIP专享VIP免费

网站规划与网页网站规划与网页设计设计理工部理工部杨彩霖杨彩霖5.1CSS5.1CSS的特点和用途的特点和用途5.2CSS5.2CSS与与HTMLHTML文档的结合方法文档的结合方法5.35.3样式表语法样式表语法5.45.4多重多重CSSCSS的层叠的层叠5.5CSS5.5CSS的属性单位的属性单位5.6CSS5.6CSS在网页中的应用在网页中的应用第第55章章CSSCSS样式的应用样式的应用CSSCSS（（CascadingStyleSheetsCascadingStyleSheets）中文翻译为层叠样式表）中文翻译为层叠样式表单，简称样式表，是用于（增强）控制网页样式并允许将样式单，简称样式表，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式就是格式，在网信息与网页内容分离的一种标记性语言。样式就是格式，在网页中，文字的大小、色彩及图片位置等，都是设置显示内容的页中，文字的大小、色彩及图片位置等，都是设置显示内容的样式。层叠是指在样式。层叠是指在HTMLHTML文档中引用多个定义样式的样式文文档中引用多个定义样式的样式文件（件（CSSCSS文件）时，若多个样式文件间所定义的样式发生冲文件）时，若多个样式文件间所定义的样式发生冲突，将依据层次顺序处理。突，将依据层次顺序处理。它的主要用途如下所述。它的主要用途如下所述。使页面的字体变得更漂亮，更容易编排，使页面效果真正使页面的字体变得更漂亮，更容易编排，使页面效果真正达到赏心悦目。达到赏心悦目。用户可以轻松地控制页面的整体风格和布局。用户可以轻松地控制页面的整体风格和布局。如果站点上所有的页面都使用同一个如果站点上所有的页面都使用同一个CSSCSS文件进行控制，文件进行控制，那么可以对许多网页的风格格式同时进行更新，不用再一页一那么可以对许多网页的风格格式同时进行更新，不用再一页一页地更新了。只要修改这个页地更新了。只要修改这个CSSCSS文件中相应的代码，整个站文件中相应的代码，整个站点的所有页面都会随之发生变动。点的所有页面都会随之发生变动。5.1CSS5.1CSS的特点和用途的特点和用途CSSCSS控制网页内容显示格式的方式是通过许多定义好的样控制网页内容显示格式的方式是通过许多定义好的样式属性（如字号、段落控制等）来实现的，并将多个样式属式属性（如字号、段落控制等）来实现的，并将多个样式属性定义为一组可供调用的选择符（性定义为一组可供调用的选择符（selectorselector）。其实，选择）。其实，选择符就是某一个样式的名称。当符就是某一个样式的名称。当HTMLHTML文档中某个元素要使用文档中某个元素要使用该样式时，必须使用该名称选择样式。在这里使用选择符这该样式时，必须使用该名称选择样式。在这里使用选择符这个名词的原因，是为了与个名词的原因，是为了与W3CW3C标准统一，其实可以直接把标准统一，其实可以直接把它当成样式名称，这样会比较好理解。它当成样式名称，这样会比较好理解。要想在浏览器中显示出样式表的效果，就要让浏览器识别要想在浏览器中显示出样式表的效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照文本格式来读。这并调用。当浏览器读取样式表时，要依照文本格式来读。这里介绍里介绍44种在页面中插入样式表的方法：内部样式、行内样种在页面中插入样式表的方法：内部样式、行内样式、链入外部样式和导入外部样式。式、链入外部样式和导入外部样式。5.2CSS5.2CSS与与HTMLHTML文档的结合方文档的结合方法法5.2.15.2.1内部样式内部样式内部样式（内部样式（embeddedstylesembeddedstyles）是把样式表放到页面的）是把样式表放到页面的……区内，这些定义的样式就可以应用到页面区内，这些定义的样式就可以应用到页面中了。样式表是用中了。样式表是用标记对，在其中标记对，在其中定义样式。其格式为：定义样式。其格式为：