zoukankan      html  css  js  c++  java
  • html网页的兼容性和css优先级

     网页不仅是在一个浏览器上显示的网页,也要多考虑其他浏览器的兼容性,火狐、谷歌、搜狗等浏览器总体来说,网页的变化不大,最主要的是还是IE浏览器。

    color:red9; 

    IE6  IE7   IE8  都会执行这段代码。

      color:red ;

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

     

  • 相关阅读:
    maven 查看依赖jar包,或获取版版本号 、license
    windows 强制关掉端口
    项目经理是如何选择的?
    windows 10 多系统引导下安装debian linux 系统 引导文件
    在 Mac 环境下 emulator 模拟器不能上网 Android Studio AVD
    WordPress
    使用blob对H5视频播放进行加密
    算法——动态规划
    算法——贪婪算法
    算法——权重最短路径算法
  • 原文地址:https://www.cnblogs.com/liner730/p/4676931.html
Copyright © 2011-2022 走看看