网页设计基础10解析.ppt

第10章使用CSS格式化网页 主要内容 10.1理解CSS 10.1.1 CSS的简介 10.1.2 CSS构造 CSS的简介 CSS的英文名为Cascading Style Sheet，译成中文的意思为层叠样式表。 样式就是格式，对于网页来说，像网页显示的文字的大小、颜色以及图片位置以及段落、列表等，都是网页显示的样式。层叠就是指当HTML文件引用多个CSS样式时，如果CSS的定义发生冲突，浏览器将依据层次的先后顺序来应用样式，如果不考虑样式的优先级时，一般会遵循“最近优选原则”。 CSS能将样式的定义与HTML文件内容分离。只要建立定义样式的CSS文件，并且让所有的HTML文件都来调用CSS文件所定义的样式，如果要改变HTML文件中任意部分的显示风格时，只要把CSS文件打开，更改样式就可以了。 CSS构造 构造样式规则 样式表的每个规则都有两个主要部分：选择符（selector）和声明（declaration）。选择器决定哪些因素要受到影响，声明由一个或多个属性值对组成。 基本语法： selector 属性:属性值[[;属性:属性值]…] 语法说明： selector表示希望进行格式化的元素； 声明部分包括在选择器后的大括号中； 用“属性:属性值”描述要应用的格式化操作； 声明中的多个属性值对之间必须用分号隔开。 CSS构造 在样式规则中添加注释 在样式表规则