?
今天我们汇集了一些CSS缩写技巧。他们实际上是最常用的CSS写作方法。然而太多的人使用Dreamweaver软件编写CSS所见即所得这使得太臃肿的代码。
CSS代码优化的最大好处是它可以显著降低CSS文件的大小。事实上还有许多其他的好处。臃肿和混乱的CSS样式表会让你遇到难以调试的问题尤其是当一个团队正在设计。当时臃肿的CSS代码效率将降低你的团队的其他成员。
但?t。阅读本文之后一旦你能掌握CSS代码优化的技巧让?年代让每一个CSS样式表看起来整洁和短。
使用缩写可以帮助减少你的CSS文件的大小使它们更容易阅读。CSS缩写的主要规则如下:
1颜色
十六进制的颜色值如果每两位数的值是相同的网络推广如果每两位数的值是相同的你可以缩写例如:可以缩写
# 000000 # 000;
# 336699的# 369;
2盒子尺寸
通常有以下四种写作方法:
属性:value1;意味着各方价值value1;
属性:value1 value2;意味着值顶部和底部的值?value1左翼和右翼value2
属性:value1 value2 value3;最高的价值是value1左翼和右翼的价值是value2和底部value3
属性的值:value1 value2 value3 value4;这四个值?是为了这意味着顶部底部左
方便的方式记住是顺时针顶部底部了。具体应用的例子在保证金和填充如下:
保证金:1 em 0 2 em 0.5 em;
3边境(边境)
边境的属性如下:
边框宽度:1 px;
边框样式:固体;
边框颜色:# 000;
可以缩写为一句话:边境:1 px固体# 000;
语法边境:宽度样式颜色;
4背景
背景的属性如下:
background - color: # f00;
背景图片:url (background.gif);
平铺方式:不再重演;
background-attachment:固定;
背景位置:0 0;
可以缩写为一句话:背景:# f00 url (background.gif)没有重演固定0 0;
语法背景:彩色图像重复附件位置;
你可以省略一个或多个属性值如果省略属性值将使用浏览器默认值默认值是:
颜色:透明
形象:没有
重复:重复
附件:滚动
位置:0%
0%5字体(字体)
字体的属性如下:
字体样式:斜体;
字体参数:小型股;
粗细:大胆;
字体大小:1 em;
行高:140%;
字体类型:“明星Grande”无衬线;
可以缩写为一句话:字体:大胆斜体小型股1 em / 140%“明星Grande”无衬线;
请注意如果你缩写的字体定义至少两个值?必须定义字体大小和字体类型。
6 ?列表
取消默认的点和序列号您可以编写list-style:没有;
列表的属性如下:
list-style-type:广场;
list-style-position:内部;
list-style-image: url (image.gif);
可以缩写为一句话:list-style:广场内部url (image.gif);
方法和技术优化网站CSS样式表文件_What网站优化
排名追踪
阅读建议软件大小:7690 kb软件语言:英语软件类别:国外软件免费版/网络辅助应用平台:都/ NT / 2000 / XP / 2003 RankTracker对于网络管理员可以使用搜索引擎结果从谷歌雅虎和MSN检查他们的网站关键字
Splunk Splunk机器数据引擎。使用Splunk收集、索引和利用快速发展的计算机由所有应用程序生成的数据服务器和设备(物理、虚拟和云)。搜索和分析所有的实时和历史数据从一个位置。使用splunk处理计算机数据可以让你在几分钟内处理计算机数据(而不是
中国最专业的网站社会评论系统一键同步的评论和评论分享到社交平台实时收集社交相关的评论和注释迅速改善社会交通网站。目前它支持新浪微博、人人网、腾讯微博qq空间搜狐微博、网易微博Kaixin.com和其他平台。