1 / 7
文档名称:

样式表编写效率手册.doc

格式:doc   大小:38KB   页数:7页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

样式表编写效率手册.doc

上传人:水中望月 2019/4/18 文件大小:38 KB

下载得到文件列表

样式表编写效率手册.doc

相关文档

文档介绍

文档介绍:样式表编写效率手册---[原文翻译]效率的好处 CSS最受追捧的优点就是减小页面体积,从而减少了下载时间,无论是在页面第一次被下载时,还是此后直接从缓存中加载。事实的确如此,但是,这个在页面首次被下载过程中节省下来的体积往往又有很大一部分被浪费掉了,原因就是极度冗余的样式表代码。好吧,一切都结束了,让我们重新开始。你将学****一些高效的样式表编写“密技”,开始对你的样式表敲骨吸髓榨干到最后一滴汁。当然,你不可能藉此节省“巨大”的页面体积,不过,对于那些在激烈的竞争中求生存的网站,省一个字节是一个字节,这些节省的字节对他们而言是极具价值的。有这么几个范围可以进行“字节瘦身”,包括简写属性、多重声明、使用默认值、属性继承和空白的处理。简写属性在如何设置页面边距为零(Zeroingpagemargins)一文谈及了几个CSS简写属性,不过关于这个主题仍然有很多可以说的。常用的简写属性包括:font—字体,控制"font-size"(字体尺寸)、"font-weight"(字体磅数)、"line-height"(行高)等background—背景,控制元素的背景、定位、重复等list-style—列表样式,设置列表项目符号的属性margin—边距,定义盒装模型各条边框旁留出的空白的宽度border—边框,定义盒状容器各条边框的样式属性,此处会涉及到另几个涉及边框的简写属性padding—内边距,SS2specifications中相关的内容章节。例如,font(字体)属性是一次性同时设置font-style(字体样式)、font-variant(字体变体)、font-weight(字体磅数)、font-size(字体尺寸)、line-height(行高)和font-family(字型组)的简写属性。然而,并不是所有这些属性都必须在简写属性中同时用到。当简写格式中的某些值被省略时,每个“失踪”的属性实际上都被指定使用它的默认值,这些值都可以在W3Cspecifications的fontproperty(字体属性)内容部分中找到。如果在一个样式表文件中大量使用了字体相关的样式控制属性,那么使用这个简写属性将能显著缩减样式表的体积。background(背景)和list-style(列表样式)属性也有类似的作用。列表中剩下的几个简写属性涉及到一个CSS盒状容器的四条边框,和前几个属性情况有所不同。盒状容器边框的简写属性任何一个区块级元素(divs—区块、tables—表格、lists—列表、paragraphs—段落,等等)的四条边框都有各自的margins、borders和padding属性,可以各自单独设置它们的宽度。就拿borders来说,每条边框都可以独立分配border-style(边框式样)和border-color(边框颜色)。要是将所有这些属性统统拼写出来,乖乖,单这一条规则集就够冗长的了!使用简写规则可以极大地减少工作量。时钟假如盒状容器四条边框的某个边框属性都一样,那样的话只要使用基本的简写属性就可以了,比如这样写:margin:5px;border-width:5px;padding:5px;注意:必须设置border-style(边框式样)才能显示边框。为此我们可以定义border-style属性或在border属性中设置式样。仅仅使用bord