基本css,网站开发问题

来源:互联网 发布:linux怎么查看密码密码 编辑:程序博客网 时间:2024/06/04 20:07

           font: bold 14px/35px "微软雅黑" //font的简写字体大小/杭高 字体    line-height:35px/9 ‘’“表示所有ie浏览器”

           font:字体加粗 字体大小/行高 字体类型,如果字体加粗没写,默认为normal
       内嵌元素受text-align:center限制。
vertical-align:middle
属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐

        ie6下input select textarea 边框用outline:none;border:none;后依然没清除,解决方法:修改默认属性background:none;等到具体的那个input加class之后再重新定义背景色。input光标在ie6下不居中,可以直接设置line-height等于height加上\9来解决问题,
        给元素设置float浮动之后,即把所有元素变为inline-block,可以设置宽高
       .clearfix:after {content:"\200B"; display:block; height:0; clear:both; }        .clearfix { *zoom:1; }是兼容IE浏览器而设置的,在低版本IE浏览器中不加这条属性经常会出现问题
兼容问题
1   右浮动和右margin产生双边锯的问题
                解决办法:display:inline
2   IE 6浏览器左右两边的高度不一致的原因是height和字体的行高把盒子撑开了;
             解决方法:设置line-height:1;overflow:hidden
       3    ie6Fixpng.js使用解决png图片不透明的问题
 
兼容问题
       1.    IE6不允许子元素超出父体。即IE6中,父元素永远包裹子元素。(即使父元素高度固定子元素也会把父元素撑大)                解决方法:margin:-2px; position:relative提升层的优先级。       2    .IE6计算百分比宽度不精准,可能导致宽度变大,可设置较小一点。*width:49.5%;       3       .IE6 设置盒子高度可解决某些情况下页面错位的情况。   CSS属性值前面加一个 * 
                属性前面加_是给IE6用的,加*是给IE6.7用的
兼容问题
       1      在ie6中当span元素内容和a元素内容不能对齐时,可以设置他们的vertail-align:midden,position:relative,提升其优先级
      

[ 查看全文 ]



原创粉丝点击