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

时间: 2025-01-01 21:36:59

html网页的兼容性和css优先级的相关文章

css 优先级 机制

多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况. 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式. 选择器的优先权--->权值 内联样式---1000: ID选择器----100:class选择器---10: 标签

css优先级汇总

我所理解的css优先级:当两个或者多个样式作用于同一个元素时,就会出现css优先级的问题. 多重样式优先级:当内联样式.内部样式和外部样式作用于同一个元素时,属于多重样式的范畴.优先级的顺序为内联样式>内部样式>外部样式. <head> <link href="style.css" rel="stylesheet" type="text/css" /> /*.color{color:red;}外部样式*/ &l

CSS 优先级法则

样式的优先级 多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况. 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 1.  内联样式表的权值最高 1000: 2.  ID 选择器的权值为 100 3.  Class 类选择器的权值为 10 4.  HTML 标签选择器的权值为 1 CSS 优先级法则:

css 优先级的bug

对于前端而言,了解css样式的优先级,对开发或处理bug有着事半功倍的效果,今天在做项目的时候,突然碰到一个优先级的小问题,刚开始不知道所因,后来才发现这个问题是由优先级造成的.先描述下问题,鼠标悬停在父容器时,子容器显示,移开消失.看到这个问题,可能有些人要喷了,这和优先级有毛线关系,看起来的确没关系,其实还是存在一定关系的.假如你在书写子容器样式时,采用的是内联式写法,那么这个悬停是否还有作用呢?看下面的代码-- 示例代码 <!DOCTYPE html> <html> <

CSS优先级和定位

overflow属性 hidden scroll auto hidden 超出隐藏 scroll 滚动条 Auto 自动 display属性 block inline inline-block none Block 块显示 inline 按行内显示 inline-block 双重作用.既有行的特点又有块的特点 在一行内显示,又具有宽高.   None 不显示. Display:none;   CSS引入的方式 行内,内嵌,外部 行内 在标签内部,直接使用style="CSS规则" 容易

浅谈CSS优先级机制(一)

初次写随笔,如果有哪个地方不足还望大神指点改正,下面我来谈谈我对于CSS优先级的了解吧. CSS优先级,通俗的理解就是你给元素等一堆属性描述,然后最后到底是哪个描述作为最终显示的效果的规则或机制(个人理解).以下我将分为几个点来谈谈优先级的确定. 1.引入方式: CSS引入的方式,我目前只知道四种:内联式.内嵌式.导入式.链接式(当然网上的说法名称不一,理解就好). 各种引入方式的用法我在这里就不再多说了.以上我所按顺序罗列的四个方式是理论上的优先级顺序,也就是说,我使用内联式引入的css代码作

css优先级

自适应布局 1.适应场景是:左右两列,一列设置浮动和设置宽度,另一列不需要设置浮动和宽度,只需设置overflow:hidden,就可以实现左右两列自适应.原理(BFC,清除浮动原理) 伪类与伪对象 在官方文档中伪类用classify来描述,而伪对象用create.从这里我们就能明白它们的区别: 伪对象则代表了某个元素的子对象,这个子对象虽然在逻辑上存在,但却并不实际存在于文档树中. 就像上文中的first-line,在DOM中其实并不存在.我们经常用的:before :after也属于伪对象.

CSS系列(4)-如何使用Firebug查看网页的html和css

Firebug是火狐浏览器Firefox的一个插件,专门为开发人员开发的.使用Firebug需要先在Firefox中安装这个插件,网上有很多教程,可以对照着安装一下. 不同的火狐浏览器版本中的Firebug可能有些差别,不过大致相同.我使用的是火狐31.0版本. 使用Firebug查看百度的菜单. 1,百度首页改版了,变得更简洁了,通过百度首页,打开左上角[更多产品]中的[全部产品] 2,打开之后,可以看到百度的菜单如下图, 网址为:http://www.baidu.com/more/ 3,按一

css优先级机制

所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序. 1.important >(内联样式)Inline style  >(内部样式)Internal style sheet >(外部样式)External style sheet (有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式.) 2.CSS选择器优先级:id选择器优先级 > 类class选择器优先级 > 标签选择器优先级 1.文内的样式优先级为1,0,0,0,所以始终高于外部定义.