网站建设
 
设为首页 访问新版
用户ID/邮箱: 密 码:
网站建设资讯 News 您目前的位置:网站建设 >> 网站建设资讯 >> 网页设计 >> 注释书写规范  

注释书写规范

1、行间注释:

直接写于属性值后面,如:

.search{
    border:1px solid #fff;/*定义搜索输入框边框*/
    background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/
}

2、整段注释:

分别在开始及结束地方加入注释,如:

/*=====搜索条=====*/
.search {
    border:1px solid #fff;
    background:url(../images/icon.gif) no-repeat #333;
}
/*=====搜索条结束=====*/

三.样式属性代码缩写

1、不同类有相同属性及属性值的缩写:

对于两个不同的类,但是其中有部分相同甚至是全部相同的属性及属性值时,应对其加以合并缩写,特别是当有多个不同的类而有相同的属性及属性值时,合并缩写可以减少代码量并易于控制。如:

#main-menu {
    background:url(../images/bg.gif);
    border:1px solid #333;
    width:100%;
    height:30px;
    overflow:hidden;
}
#sub-menu {
    background:url(../images/bg.gif);
    border:1px solid #333;
    width:100%;
    height:20px;
    overflow:hidden;
}

两个不同类的属性值有重复之处,刚可以缩写为:

#main-menu,#sub-menu {
    background:url(../images/bg.gif);
    border:1px solid #333;
    width:100%;
    overflow:hidden;
}
#main-menu {height:30px;}
#sub-menu {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;}



上一条: DIV如何让文本垂直居中
下一条: 4种方式网页添加CSS样式表
网页设计相关文章
一个很*酷*的思路-用*视频*作为*网页背景*(转自站长之家)
简单分析下HTML5中缩略词标记的重要作用
html5技术能取代Flash技术成为主流吗?
网站建设代码之站内搜索引擎代码分享
一个可以在浏览器标题栏显示的网站建设时间代码
FTP是什么?在网站设计中有什么意义?
如何选择好的论坛发外链
屏蔽页面快捷键
分享:相对定位和绝对定位
如何批量替换超链接标签?
网站建设套餐
网站优化(网站推广)
域名注册
虚拟主机
企业邮局
软件开发
相关资讯 Other News
快速导航 Fast Navigation
网站建设投诉建议
投诉建议
网站建设客户服中心
客服中心
网站建设付款中心
付款方式
网站优化中心
网站优化
网站建设套餐
网站建设

网站价值

轻松一刻
站长工具
站长工具

积分兑换
网站首页关于我们业务范围新闻资讯成功案例客服中心联系我们网站建设网站优化付款帐户
文档下载 网站建设服务协议 | 网站建设报价 | 网站备案资料 | 网页设计软件 | PhotoShop(图片处理) | FTP网页上传/下传软件 | 营销式网站优化
深圳网站建设公司专业提供各种营销型网页设计\网站优化\深圳网站建设服务... 【老字号】、广州、东莞、深圳网站建设 | 网站建设网页特效 | 企业网站(官网)
网站建设 | 网页设计 | 深圳网站优化 | 网站地图 | 专业的深圳网站建设,深圳网站优化,网页设计,网站设计开发团队 | 网站建设源码下载
COPYRIGHT(C) 2005-2018 亚网互联·中国 版权所有 ALL RIGHTS RESERVED  (  粤ICP备15005241号 ) 来访IP:54.227.21.188
深圳网站建设公司地址:深圳市宝安区龙华民治大道东明大厦15楼 1529-1531 室     E-Mail:sales@yanet.cn   web@yanet.cn  
公司电话:0755-89812581(8线)   4006-800535
深圳市博士通科技有限公司 深圳网站建设常年法律顾问:朱运德律师