div+css布局教程.ppt

《div+css布局教程.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、DIV+CSS布局教程TheTutorialofcss+divdiv+css布局教程目录：1.CSS基础知识2.网页布局常用属性3.网页布局实例4.Web标准化思想与网页重构一、CSS基础知识1.css简介2.css语法3.选择器4.实用小技巧div+css布局教程1、css简介CSS指层叠样式表(CascadingStyleSheets)CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行样式通常存储在样式表中外部样式表通常存储在CSS文件中外部样式表可以极大提高工作效率2、css语法CSS

2、语法由三部分构成：选择器、属性和值：P{color:#ff0000;background:#000000;}其中“p”,我们称为选择器，指明我们要给“p”定义样式；样式声明写在一对大括号“{}”中；Color和background称为“属性”，不通属性之间用“；”分隔“#ff0000”和“#000000”是属性的值2、css语法几点值得注意的地方：1、选择器的分组可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。（有助于优化样式表，提高效率）例子：h1{co

3、lor:green;}h2{color:green;}h3{color:green;}我们可以这样写：h1,h2,h3{color:green;}样式太臃肿了，该减肥了!2、css语法几点值得注意的地方：2、继承及其问题根据CSS，子元素从父元素继承属性。例子：body{font-family:Verdana,sans-serif;}根据上面这条规则，站点的body元素将使用Verdana字体通过CSS继承，子元素将继承最高级元素（在本例中是body）所拥有的属性（这些子元素诸如p,td,ul,ol,

4、ul,li,dl,dt,和dd）如果你不希望“Verdana,sans-serif”字体被所有的子元素继承，又该怎么做呢？比方说，你希望段落的字体是Times。我们可以这样写：p{font-family:Times,"TimesNewRoman",serif;}2、css语法几点值得注意的地方：3、层叠次序当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？样式表分为：浏览器缺省设置外部样式表内部样式表（位于标签内部）内联样式（在HTML元素内部）优先级为：内联样式（在HTML元素

5、内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。2、css语法几点值得注意的地方：4、高效的CSS（1）使用外联样式代替内联样式和内部样式表不推荐使用：