[css高级应用.pptVIP

目标:CSS的高级应用 内容： 掌握样式表的特殊性、层叠性、Important的使用 掌握CSS缩写、代码优化 掌握块级元素，内联元素，隐藏元素 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1、样式表的特性 样式表的特殊性：规定不同规则的权重 1、继承的权重是0 2、p的特性（权重）是1（一个html选择符） ?3、div?p的特性是2（两个html选择符）? 4、.tree的特性是10（1个class选择符）? 5、div?p.tree的特性是1+1+10=12，（两个html选择符，一个class选择符）? 6、#baobab的特性是100（1个ID选择符）? 7、body?#content?.alternative?p的特性是112（两个html选择符，一个ID选择符，一个类选择符）? Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 2、样式表的层叠性及重要性 就近原则 当相同权重的规则应用于同一个元素时，根据这些规则的先后顺序来决定其权重，即是就近原则。 内联式样式表嵌入式样式表外部样式表。 重要性 当需要某规则具有最高权重时，需要标示出此规则为“重要规则”，如： P{color:blue !important} 但IE6.0中及以下的版本都不支持。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 3、CSS代码的缩写 缩写属性 1、上右下左（顺时针方向） 如：margin:5px 10px 15px 20px，写到一行中 2、缩写颜色 如：“#006600”可以缩写为“#060” 利用通配符 可以统一声明大部分的标签都会涉及到的属性。 比如：边框，边界等等。 继承 对于可以继承的规则，不需要重复定义。 组合 有相同属性的选择符中间以逗号隔开，统一定义。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4、元素的分类 块级元素（display:block） 每个块级元素都从新的一行开始，而且其后的元素也需另起一行。（如：标题、段落、表格、层） 内联元素（ display:inline ） 内联元素不需要在新行内显示，而且也不强迫其后的元素换行，它可以为其它元素的子元素（如：a、em、span）。 隐藏元素（ display:none ） 隐藏元素会被浏览器忽略，也不被显示，也不会占据位置，但是仍然存在于HtML中。 注意:元素的分类可以相互转换 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * 外部样式表的优点： 1、独立于HTML文件，便于修改； 2、多个文件可以引用一个样式表文件，从而保持页面外观的统一 3、样式表文件只需要下载一次，就可以在其它链接了的该文件的页面内使用； 4、浏览器会先显示HTML内容，然后根据样式表文件进行渲染，从而使访问者可以很快的看到内容 图层的基本操作 1、创建新图层 2、图层编辑 3、图层的锁定功能 4、图层与图层之间的对齐和分布 5、改变图层的排列顺序 6、图层的合并 7、图层组 图层的基本操作 1、创建新图层 2、图层编辑 3、图层的锁定功能 4、图层与图层之间的对齐和分布 5、改变图层的排列顺序 6、图层的合并 7、图层组