|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
破洛洛文章简介:CSS进修教程:CSS代码优化和CSS重用优化.
为人人先容复杂的CSS优化。
触及优化内容:
1、CSS代码优化
2、CSS重用优化
1、CSS代码优化中央:
1、border(CSS边框)简写:
border-top:1pxsolid#000;border-bottom:1pxsolid#000;border-left:1pxsolid#000;border-right:1pxsolid#000;
能够简写为:border:1pxsolid#000;
2、padding(CSSpadding)简写:
padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;
可简写为:padding:1px2px3px4px;
padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;
可简写为:padding:1px;
3、margin简写
margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px;
可简写为:margin:1px2px3px4px;
margin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;
可简写为:margin:1px;
4、background简写
background-color:#000;能够简写为background:#000;
background-image:url(图片地点)
可简写为:background:url(图片地点)
5、font简写
font-size:12px;line-height:12px;font-family:Arial,Helvetica,sans-serif;
可简写为:font:12px/12pxArial,Helvetica,sans-serif;
2、CSS重用优化
这里次要先容是CSS代码的共用属性提取来到达勤俭代码、保护便利,CSS实比方下:
.poluoluocom_a{width:100px;height:20px;text-align:left;float:left;font-size:24px;}
.poluoluocom_b{width:100px;height:20px;text-align:right;float:left;font-size:24px;}
他们都有不异高度、宽度、浮动、笔墨巨细,而只要内容居左居右分歧(你大概必要懂得CSS居中),我们就能够提取他们不异属性
优化后:
.poluoluocom_a,.poluoluocom_b{width:100px;height:20px;text-align:left;float:left;font-size:24px;}
.poluoluocom_b{text-align:right;}
</p>
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。 |
|