网页不仅是在一个浏览器上显示的网页,也要多考虑其他浏览器的兼容性,火狐、谷歌、搜狗等浏览器总体来说,网页的变化不大,最主要的是还是IE浏览器。
color:red\9;
IE6 IE7 IE8 都会执行这段代码。
color:red\0 ;
IE8 都会执行这段代码。
_color:red ;
*color:red ;
>color:red ;
<color:red ;
IE6 IE7 都会执行这段代码。
在编写IE6 IE7 IE8显示不同颜色的时候,要主要编写的顺序,应该先写 IE8 IE7 IE6 ,这样代码才能够实现各种
最主要的的是要多考虑IE6的兼容性。
1、块级元素在浮动的时候,在IE6中出现的双倍的外边距。
处理方法: _display:inline。
2、在设置最小高度的时候,IE6最少支持10px.
处理方法:overflow:hidden;
3、设置透明度
IE: filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)
其他浏览器:opacity:0.6
css优先级:
内联>内嵌>外联
内嵌和外联的顺序,从上往下执行(谁在最下面,谁最大)!
id>属性选择器>calss(类选择器)>元素
css选择器的权重值
a > b > C > d
id 0 1 0 0
class 伪类 0 0 1 0
元素 ,伪元素 0 0 0 1
在定义选择器的时候,我们可以加大标签的权重值来,实现需要改变的样式和字体颜色。
随着有用的功能越来越多的,大多数的人都忽略了内部CSS的选择。一个元素可以套用很多的类,
例如:
.red {color: red;}
.bold {font-weight: strong;}
我们可以运用它:
<p class=”red bold”>This text will be red yet also bold!</p>
class里面不仅可以写一个类选择器,也可以写多个定义类选择器的名称,但是要记住,不能够重名。如果重名的化,代码就会出现错误。
在编写的网页的时候,要记住,先用DIV把整体的局布好,这样编写起来,容易分清楚。不然,很容易分不清楚需要改变样式的DIV是哪一个。