html网页的兼容性和css优先级

 网页不仅是在一个浏览器上显示的网页，也要多考虑其他浏览器的兼容性，火狐、谷歌、搜狗等浏览器总体来说，网页的变化不大，最主要的是还是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是哪一个。