附录A CSS+DIV网页布局技巧及精彩布局赏析.pdf

《附录A CSS+DIV网页布局技巧及精彩布局赏析.pdf》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、附录ACSS+DIV网页布局技巧及精彩布局赏析CSS+DIV操作技巧CSS+DIV精彩布局赏析附录ACSS+DIV网页布局技巧及精彩布局赏析第1部分CSS+DIV操作技巧1.CSS+DIV缩写技巧使用CSS+DIV缩写技巧，可以帮助减小文件的大小，提高网页的下载和浏览速度。⑴颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，比如#FFFFFF可以缩写为#FFF，#445566可以缩写为#456。⑵盒尺寸盒尺寸通常有四种缩写情况。property:value1;表示所有边都是一个值value1；property:value1value2;表示top和bottom的值是value

2、1,right和left的值是value2property:value1value2value3;表示top的值是value1，right和left的值是value2，bottom的值是value3property:value1value2value3value4;四个值依次表示top,right,bottom,left方便的记忆方法是顺时针，上右下左。⑶其他属性设置边框（boder）属性设置代码可以简写为：border:widthstylecolor;背景（Backgrounds）属性设置代码可以简写为：background:colorimagerepeatattachmentpos

3、ition;字体（fonts）属性设置代码可以简写为：font:stylevariantweightsizeheightfamily；列表（lists）属性设置代码可以简写为：list-style:typepositionimage；2.巧妙区分代码的大小写当在XHTML中使用CSS时，CSS里定义的元素名称是区分大小写的。为了避免这种错误，建议所有的定义名称都采用小写。class和id的值在HTML和XHTML中也是区分大小写的，如果一定要大小写混合写，必须先确认在CSS的定义和和XHTML里的标签一致。3.定义元素属性默认值-1-附录通常情况下，padding的默认值为0，back

4、ground-color的默认值为transparent，但是不同的浏览器的默认值会有所不同，为了避免这种冲突，可以在样式表开始部分先定义所有元素的padding值和margin的值都为0，即输入如下代码。*{margin:0;padding:0;}4.1个标签同时定义多个CLASS一个标签可以同时定义多个CLASS，比如先定义两个样式，第一个样式背景为#000，第二个样式有15px的边框。可以使用如下的代码定义样式。.first{width:200px;background:#000;}.second{border:15pxsolid#F00;}在页面代码中，可以使用如下代码对这两个

5、样式进行调用。