CSS设计网页时的一些常用规范

日期：2008年6月6日作者：查看:[大字体中字体小字体]

width:100%;
overflow:hidden;
}
#mainMenu {height:30px;}
#subMenu {height:20px;}

2、同一属性的缩写：

同一属性根据它的属性值也可以进行简写，如：

.search {
background-color:#333;
background-image:url(../images/icon.gif);
background-repeat: no-repeat;
background-position:50% 50%;
}
.search {
background:#333 url(../images/icon.gif) no-repeat 50% 50%;
}

3、内外侧边框的缩写：

在CSS中关于内外侧边框的距离是按照上、右、下、左的顺序来排列的，当这四个属性值不同时也可直接缩写，如：

.btn {
margin-top:10px;
margin-right:8px;
margin-bottom:12px;
margin-left:5px;
padding-top:10px;
padding-right:8px;
padding-bottom:12px;
padding-left:8px;
}

则可缩写为：

.btn {
Margin:10px 8px 12px 5px;
Padding:10px 8px 12px 5px;
}

而如果当上边与下边、左边与右边的边框属性值相同时，则属性值可以直接缩写为两个，如：

.btn {
margin-top:10px;
margin-right:5px;
margin-bottom:10px;
margin-left:5px;
}

缩写为：

.btn {margin:10px 5px;}

而当上下左右四个边框的属性值都相同时，则可以直接缩写成一个，如：

.btn {
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
}

缩写为：

.btn{margin:10px;}

4、颜色值的缩写：

当RGB三个颜色值数值相同时，可缩写颜色值代码。如：

.menu { color:#ff3333;}

可缩写为:

.menu {color:#f33;}

四．hack书写规范

因为不同浏览器对W3C标准的支持不一样，各个浏览器对于页面的解释呈视也不尽相同，比如IE在很多情况下就与FF存在3px的差距，对于这些差异性，就需要利用css 的hack来进行调整，当然在没有必要的情况下，最好不要写hack来进行调整，避免因为hack而导致页面出现问题。

1、 IE6、IE7、Firefox之间的兼容写法：

写法一：

IE都能识别*;标准浏览器(如FF)不能识别*；

上一页 [1] [2] [3] [4] [5] [6] 下一页

CSS设计网页时的一些常用规范相关文章：

·15种做爱姿势真人示范写真（图）

·入党申请书范例九

·大学毕业生自荐信(范文)

·计算机实习报告范文

·大学生暑期农村教育实践报告范文

·大学生农村暑期社会实践报告范文

·简历模板【范文】：(21)网络维护工程师

·浙江大学生暑期社会实践报告范文

·2006入党申请书范文

·入党志愿书范文2004

CSS设计网页时的一些常用规范相关软件

·五子棋规范教程

·软件开发规范及开发计划书

·vc++编程技巧与范例

·网页中的特效（示范样书）

·电眼美女范冰冰性感写真美图

·半条命高动态范围渲染效果演示介绍

·极品美女范冰冰性感时尚写真美图

·2精讲课程审计_范永亮03

·百变精灵范冰冰写真壁纸

·防范黑客

上一篇:Flash动画也能作桌面背景

下一篇:微软：低价台式机2010年可继续安装XP

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作

者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转

载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

CSS设计网页时的一些常用规范

精品推荐

热点TOP10

特别推荐