码迷,mamicode.com
首页 > 其他好文 > 详细

13)

时间:2018-10-15 18:23:11      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:position   ie6   css盒模型   添加   其他   等于   add   专用   方式   

改变元素性质的三种方式:

    position  display    float

行级元素,行级元素的margin上下不起作用了,左右还行

占位:

  针对标准流来说,

  元素添加float,position元素,不会占位(脱离标准文档流)

浏览器默认的天生inline-block元素(有内在尺寸,设宽高,不自动换行):

  < in put >      < img >  < buttom >  < texterea >   < label >

rgba() opacity()透明效果的区别:

  rgba(只作用于元素的颜色或背景色),设置rgba透明元素的子元素不继承透明效果

  opacity(作用于元素,及元素内所有内容透明度)

css盒模型:

  内容,border,margin,padding,

浏览器的差距:

  默认字体16px  谷歌最小字体12px  其他10px

IE6 -IE7- IE8   ------hack

  hack:针对不同的浏览器去写html,CSS样式,从而让各个浏览器达到一致的渲染效果

  hack的两种写法:html——hack(写在HTML标签中)    A

          css——hack(写在CSS样式中)      B

          A——< ! --[ if ite ie 8 ] >

               < ! [ endif ] -->         小于等于IE8 出现

               < ! --[ if  ie 8 ] >

               < ! [ endif ] -->           只在IE8 出现

          B——css hack

             1. 选择器hack   特殊符号写在选择器上

             2. 值hack   特殊符号写在属性前面

           选择器hack:IE6,IE7专有——*div { }

                 IE6,IE7同时专有——div,{ }

          值hack:IE6专用符号-短横,下划线

              IE6,IE7同时专有,属性前加!+ 等

              IE8 专有,属性值后,分号前加\0/

              IE7,8,9,10,同时专有,属性前后加\9

   渲染:渲染是浏览器的一种能力,将文字,图片,样式展现出来

   向下兼容:新属性值在高版本浏览器出,向低版本处理这种方法

 

 

              

 

13)

标签:position   ie6   css盒模型   添加   其他   等于   add   专用   方式   

原文地址:https://www.cnblogs.com/xiaotaiyangye/p/9792034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!