CSS教程:简化CSS中属性的示例
日期:2008年6月10日 作者: 查看:[大字体 中字体 小字体]-
在工作中编写CSS代码时,经常会出现冗余的代码,特别是用“可见即可得”工具来编写,为了提高代码的质量及文件压缩到最小,使代码具有可读性,我们不得不把CSS代码简化。
下面用一些比较常用的属性来做示例:
margin
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
代码简化为:margin:1px
margin-top:1px;
margin-right:2px;
margin-bottom:1px;
margin-left:2px;
代码简化为:margin:1px 2px
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:2px;
代码简化为:margin:1px 2px 3px
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;
代码简化为:margin:1px 2px 3px 4px
当属性值是0的时候单位可以不写如:0px 直接就写成0
padding
padding的书写方法和margin一样,在此就不多叙述
border
border-width:1px;
border-style:solid;
border-color:#000000;
代码简化为:border:1px solid #000
background
background-color:#CCFFFF;
background-image:url(图片路径);
background-repeat:repeat-x;
background-position:5px 4px;
代码简化为:background:#CFF url(图片路径) repeat-x 5px 4px
font
font-size:26px;
font-weight:bold;
font-family: “宋体”;
代码简化为:font:26px bold “宋体”
color属性值
color:#000000;
color:#ff0000;
代码简化为:color:#000, color:#f00(出处:http://www.hackhome.com/)
-
- CSS教程:简化CSS中属性的示例 相关文章:
- ·精彩推荐:全Flash网站制作实例
- ·实例详细讲解ASP生成静态页面方法
- ·FLASH 8实例教程:瀑布动画制作方法
- ·劳动法相关小案例:病假工资如何计算?
- ·PS初学者实例教程——简单水中倒影制作
- ·市场营销技巧案例启示录:经典营销寓言故事
- ·Auto CAD三维基础实例:弯管制作教程
- ·Photoshop调色实例:让暗黄肤色变白
- ·ASP.NET2.0下含有DropDownList的GridView编辑、删除的完整例子!
- ·ORACLE备份&恢复案例--ORACLE BACKUP&RESTORE SCHEME
- CSS教程:简化CSS中属性的示例 相关软件
- ·Photoshop视频实例教程系列电子书 V1.0
- ·vc-mfc编程实例
- ·国外的经典展示空间设计案例欣赏
- ·vc++6.0 用户界面制作技术与应用实例
- ·PHP实例程序
- ·AutoCAD七天超级速成法 V2.0实例
- ·vc实例
- ·C 程序经典900例(上)
- ·vc++编程技巧与范例
- ·实例实学CorelDraw 9
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
上一篇:教你快速清除IE7.0的浏览记录
下一篇:当时尚遭遇芭蕾 时装与艺术的结合
精品推荐
热点TOP10
- ·Div+CSS+JS树型菜单,可刷新
- ·一款DIV+CSS导航条效果
- ·Javascript+CSS横向三级导航菜单
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·CSS+DIV实现的滑动门菜单特效代码
- ·网页设计基础:Div+CSS布局入门教程
- ·CSS定位:left
- ·CSS+DIV自适应高度布局
- ·CSS文本:text-overflow
- ·用网页标准DIV+CSS创建固定宽度的网页布局
- ·DW MX 2004 CSS 属性详解
- ·设计一个基于CSS的网页模板
- ·Div+CSS基础教程(二)
- ·使用纯 CSS 设计3D按钮
- ·站长推荐:53个CSS-不可或缺的技巧
- ·如何用CSS定义表格与模拟表格
- ·CSS定位:bottom
- ·如何使用CSS来进行网页排版
- ·CSS中的滑动门技术
- ·CSS+DIV+JS导航菜单和Flash效果差不多
特别推荐
- ·CSS教程:初学者实用的十则CSS技巧
- ·CSS设计网页时的一些常用规范
- ·学习掌握纯CSS布局网页
- ·CSS合理的编码与组织技巧
- ·网站变黑白色CSS一行代码实现
- ·DIV+CSS常用的网页布局代码
- ·css网页设计非常有用的解决办法
- ·CSS网站布局技巧几则总结
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·CSS样式设计之CSS滤镜资料小结
- ·总结:用CSS进行网页样式设计攻略全集
- ·创建一个纯CSS的水平导航条
- ·如何用css设置网页字体
- ·CSS中的滑动门技术
- ·Javascript+CSS横向三级导航菜单
- ·CSS文本:word-wrap
- ·用CSS进行网页样式设计攻略全集
- ·用CSS实现的固定表头的HTML表格
- ·CSS属性列表
- ·如何使用CSS来进行网页排版
