/*/////////////////做网页模板要求//////////////////////// 1.先引进样式的css 2.然后引进模板公共部分的css 3.然后在写入分页的css引入 /*/ /*////////////////html5格式////////////////////*/ /* */ /* 嵌入视频格式通用： */ /*/////////////////////////////////////////////////// Css控制bug调试哪些常见错误 1. 正确的doctype 2. 各个浏览器对不同的标签的初始值不同 3. 自身书写的不规范引起的 4. 浏览器bug引起的 Ie常见的bug解决方案 1. 盒子模型bug----使用严格doctype 2. 双倍的margin bug ------display inline 3. 3像素margin bug ----规范浮动与清除浮动 Ie6有双倍margin bug 是指：浮动方向上的margin值会加倍 例如，某元素float：left；margin-left：的值是10px，那么页面上回解析为20px 同时同理：float：right；margin-right：也会加倍 Ie6的双倍margin bug解决方案：设置漂浮元素的_display：inline 凡是碰到.yewu{ Margin:6px; Float:left; _display：inline } 置换元素有：img,boject,select,input,textarea(这些置换元素可以设置宽和高/水平的margin-paddin，但是他们不换行 ，但体现内联特性，并且结束后，下方会留白，也体现内联元素) /////////////////////////////////////////////////////////*/ /*///////////////////////标准(Strict)的doctype////////////////////////////*/ /* */ /*/////////////////////////框架集(framset)的doctype//////注意不能有body标签//////////////////////*/ /* */ /*/////////////////////////////字体的集合///////////////////////////////////////// 这些所有写在一行：font的具体字体控制的五个顺序顺序和格式： 把所有字体属性写在 Style weight size/line-height family 举例：font：italic bold 20px/40px 微软雅黑; */ /*字体样式设置(先英文后中文，先特殊字体后安全字体，现具体字体后字体大类)*/ /*p{ font-family:Arial,"微软雅黑","黑体",sans-serif; font-family:Times,"新宋",serif; } 等宽字体： font-family:Mono,"微软雅黑","黑体", Monospace; */ /*先特殊后通用越往后越安全*/ .head{height:76px;width:1200px;position:relative;margin:0px auto;} .logo{float:left;display:inline;padding-top:10px;} .head_right{ position: absolute; right: 4px; top: 0px; z-index: 1; width: 239px; } .head_dh{background:#ee7800;font-size:16px;font-family:'Microsoft YaHei',Arial;height:44px;line-height:44px;min-width:1200px;color:#ffffff;} .w1200{width:1200px;margin:0px auto;} .head_dh ul li{float:left; position:relative; z-index:3;} .head_dh ul li a.navia:link,.head_dh ul li a.navia:visited{padding:0px 28px;color:#ffffff;display:block;} .head_dh ul li a.navia:hover{background:#484848;} .head_dh ul li .tc{ position:absolute; width:100%; left:0; top:44px; background:url(../Images/navibg.png); padding-bottom:8px; display:none;} .head_dh ul li .tc a{ display:block; height:33px; line-height:32px; background:url(../Images/naviline.png) repeat-x bottom; text-align:center; color:#fff; font-size:14px;} .head_dh ul li.w162{width:240px;position:relative;z-index:20;} .head_dh ul li.w162 a:link,.head_dh ul li.w162 a:visited{padding:0px} .head_dh ul li.w162 .title{background:#484848;text-align:center;} .head_dh ul li.w162 .show{display:none;width:100%;position:absolute;top:44px;left:0px;} .head_dh ul li.w162 .show dl{ display:block;font-size:14px;color:#ffffff;} .head_dh ul li.w162 .show dl dt{background:url(../Images/dh_bg_1.png);line-height:40px;height:40px;} .head_dh ul li.w162 .show dl dd{background:url(../Images/dh_bg_2.png);line-height:39px;height:39px;margin-top:1px;} .head_dh ul li.w162 .show dl a:link,.head_dh ul li.w162 .show dl a:visited{display:block;background-position:20px center;background-repeat:no-repeat;padding:0px 0px 0px 54px;line-height:39px;height:100%;color:#ffffff;} .head_dh ul li.w162 .show dl a:hover{background-color:#ee7800;} .head_dh ul li.head_dh_pr{position:relative;height:44px;font-size:0px; display:none;} .head_dh ul li.head_dh_pr input{background:url(../Images/search.png) no-repeat center center;width:60px;height:44px;cursor:pointer;border:none;} body{ font-size:62.5%; } body{ font-size:12px; } /*字体边框等所有初始化*/ body,div,dl,dt,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr { padding:0; margin:0; } table{ border-collapse:collapse; border-spacing:0; } fieldset,img{ border:0; } img{ display:block; } address,caption,cite,code,dfn,th,var { font-weight:normal; font-style:normal; } ol,ul{ list-style:none; } caption,th{ text-align:left; } h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%; } q:before,q:after{ content:''; } abbr,acronym{ border:0; } a{ text-decoration:none; }