如何让网页符合WEB标准
HTML
< <
> >
CSS
不要嵌套太多 三层为佳
能给父元素设置的尽量不要给子元素设置
尽量写复合属性
什么是浏览器兼容性
因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况(JS HTML CSS的兼容性)
CSS Hack(修改)
IE 条件注释HACK
CSS选择符HACK
CSS属性HACK
!important
CSS3新增属性及选择器HACK
注:CSS hack的书写顺序:总结出的规律就是:先一般,再特殊
css hack
1.IE条件注释hack
<!--[if IE 7]>
<![endif]-->
特殊符号
gt:大于
lt:小于 lessthan
gte:大于等于
lte:小于等于
!不等于
2.css选择器注释法
*html .header{} IE6
*+html .header{} IE7
3.css属性注释法
_: IE6
*+: IE7以下
\0: IE8 IE9
\9: IE6 IE7 IE8 IE9
\9\0: IE9 IE10 IE11
先写一般的,再写特殊的
4.!important(优先级最高)比行内优先级都高 当时只是区分IE6和火狐
5.CSS3新增属性不同的css hack
-webkit-border-img:
-moz-border-image:
-ms-border-image:
-o-border-image:
border-image:
HTML
< <
> >
CSS
不要嵌套太多 三层为佳
能给父元素设置的尽量不要给子元素设置
尽量写复合属性
什么是浏览器兼容性
因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况(JS HTML CSS的兼容性)
CSS Hack(修改)
IE 条件注释HACK
CSS选择符HACK
CSS属性HACK
!important
CSS3新增属性及选择器HACK
注:CSS hack的书写顺序:总结出的规律就是:先一般,再特殊
css hack
1.IE条件注释hack
<!--[if IE 7]>
<![endif]-->
特殊符号
gt:大于
lt:小于 lessthan
gte:大于等于
lte:小于等于
!不等于
2.css选择器注释法
*html .header{} IE6
*+html .header{} IE7
3.css属性注释法
_: IE6
*+: IE7以下
\0: IE8 IE9
\9: IE6 IE7 IE8 IE9
\9\0: IE9 IE10 IE11
先写一般的,再写特殊的
4.!important(优先级最高)比行内优先级都高 当时只是区分IE6和火狐
5.CSS3新增属性不同的css hack
-webkit-border-img:
-moz-border-image:
-ms-border-image:
-o-border-image:
border-image: