DIV CSS布局常用基础知识大全(二).docVIP

  1. 1、本文档共6页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
DIV CSS布局常用基础知识大全(二)

DIV CSS布局常用基础知识大全(二) 二.注释书写规范 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、不同类有相同属性及属性值的缩写: 对于两个不同的类,但是其中有部分相同甚至是全部相同的属性及属性值时,应对其加以合并缩写,特别是当有多个不同的类而有相同的属性及属性值时,合并缩写可以减少代码量并易于控制。如: #mainMenu { background:url(../images/bg.gif); border:1px solid #333; width:100%; height:30px; overflow:hidden; } #subMenu { background:url(../images/bg.gif); border:1px solid #333; width:100%; height:20px; overflow:hidden; } 两个不同类的属性值有重复之处,刚可以缩写为: #mainMenu,#subMenu { background:url(../images/bg.gif); border:1px solid #333; 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)不能识别*; IE6能识别*,但不能识别 !important, IE7能识别*,也能识别!important;

文档评论(0)

sy78219 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档