资源描述：
《使用css样式美化网》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第十章使用CSS样式美化网页2010-4-18学习要点CSS类型与基本语法CSS定义的方式CSS属性设置应用CSS样式美化网页经常上网的人都会有这样的经验，将浏览器的显示字体变大或变小，网页中的文字也会随之发一改变。虽然有时候会给浏览者带来帮助，但是也会对网页的布局产生影响，网页的版面会因为字体的改变而变得参差不齐。但是如果使用CSS，网页中的文本始终不随之发生改变，总是保持着原有的外观。现代网页制作离不开CSS技术，使用CSS技术，可以有关键所在的对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。用CSS不仅可以制作出令浏
2、览者赏心悦目的网页，还能给网页添加许多特效。创建CSS样式表的过程，就是对各种CSS属性的设置过程，所以了解和掌握CSS属性设置非常重要。10.1CSS概述CSS是CascadingStyleSheet的缩写，有些书上称为“层叠样式表”或“级联样式表”。样式表是对以前的HTML语法的一次重大革新。如今风页的排版格式越来越复杂，很多效果需要通过CSS来实现，DW8在CSS功能设计上有了很大的改进。10.1.1CSS的基本概念CSS即层叠样式表，用来控制一个文档中的某一文本区域外观的一组格式属性。CSS样式可以用来一次对若干个文档所有的样
3、式进行控制。同HTML样式相比，使用CSS样式表的好处除了在于它可以同时链边多个文档之外，当CSS样式有所更新或被修改之后，所有应用了该样式表的文档都会被自动更新。CSS样式表的功能：1）修饰页面的元素时，避免了对HTML元素的改动(也就是现在流行的一个概念：“语义化”结构与表现分享了)每个浏览器对HTML的解析都不同。HTML原来设计的时候定位于定义文档的内容，通过使用
,
,各类标签，所要表达的初衷是“段落”、“表格”之类的信息。但随着各大浏览器的出现，也逐渐将新的HTML标签和属性到HTML规范中，以至于使4、得创建一个合理的语义化的页面结构变得困难许多。通过使用CSS样式，可以定义字体、颜色，那么就可以让这些原本不需要的表现形式的标记消失，使合理的语义化标记处于更好的位置，更好的发挥标记的作用。2)使我们能够更轻松的控制页面结构和布局网站重构随着这个概念的出现，也带来了DIV结构的流行，因此也就出现了我们现在口头常说的“DIV+CSS做网站”。单从这个DIV+CSS的叫法来分析，可以了解到CSS已经被大家用在了页面布局上了。但一个页面不是只有控制DIV就控制了全面，还有很多其它的HTML标记，以前用table布局的页面，一样可以用CSS来
5、控制它。3）最根本的也是我们开发人员关心的，提高开发和维护的效率一个网站，如果有很多相同的结构的文件需要修改，涉及到的工作量是巨大的，但如果通过改CSS来实现页面的灵活变换，只需要修改某个样式就可以上，效率上大大提升。10.1.2CSS的类型的基本语法CSS的属性可分为类型、背景、区块、方框、边框、列表、定位、扩展8个部分。在建立样式表之前，必须要了解一些HTML的基础知识。HTML语言由标志和属性构成，CSS也是如此。样式表基本语法如下所示：HTML标志{标志属性：属性值；标志属性：属性值；标志属性：属性值；。。。。}现在首先讨论在
6、HTML页面内直接引用样式表的方法。这个方法属性把样式表信息包括在标记中，为了使样式表在整个页面中产生作用，应该把组标记及其内容话到
和中去。例如要设置HTML页面中所有的H1标题字显示为蓝色，其代码如下：ThisaCSSsamples页面内容。。。提示：
