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是哪一个。

上一篇:day07 深浅拷贝


下一篇:css3线条围绕跑马+jquery打字机效果