css命名及书写规范(编辑修改稿)内容摘要:

/ul /div /*=====主导航 =====*/ mainMenu { width:100%。 height:30px。 background:url(images/) repeatx。 } mainMenu ul li { float:left。 lineheight:30px。 marginright:1px。 cursor:pointer。 } /*=====主导航结束 =====*/ I、鼠标手势: 在 XHTML标准中, hand只被 IE 识别,当需要将鼠标手势转换为 “手形 ”时,则将 “hand”换为“pointer”,即 “cursor:pointer。 ” 二.注释书写规范 A、行间注释 : 直接写于属性值后面,如: .search{ border:1px solid fff。 /*定义搜索输入框边框 */ background:url(../images/) noreport 333。 /*定义搜索框的背景 */ } B、整段注释: 分别在开始及结束地方加入注释,如: /*=====搜索条 =====*/ .search { border:1px solid fff。 background:url(../images/) norepeat 333。 } /*=====搜索条结束 =====*/ 三.样式属性代码缩写 A、不同类有相同属性及属性值的缩写: 对于两个不同的类,但是其中有部分相同甚至是全部相同的属性及属性值时,应对其加以合并缩写,特别是当有多个不同的类而有相同的属性及属性值时,合并缩写可以减少代码量并易于控制。 如: mainMenu { background:url(../images/)。 border:1px solid 333。 width:100%。 height:30px。 overflow:hidden。 } subMenu { background:url(../images/)。 border:1px solid 333。 width:100%。 height:20px。 overflow:hidden。 } 两个不同类的属性值有重复之处,刚可以缩写为: mainMenu,subMenu { background:url(../images/)。 border:1px solid 333。 width:100%。 overflow:hidden。 } mainMenu {height:30px。 } subMenu {height:20px。 } B、同一属性的缩写: 同一属性根据它的属性值也可以进行简写,如: .search { backgroundcolor:333。 ba。
阅读剩余 0%
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。