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

     

  • 相关阅读:
    javascript线性渐变2
    javascript无缝滚动2
    javascript Object对象
    javascript无缝滚动
    javascript图片轮换2
    javascript图片轮换
    用C/C++写CGI程序
    linux shell 的 for 循环
    重磅分享:微软等数据结构+算法面试100题全部答案完整亮相
    查看linux服务器硬盘IO读写负载
  • 原文地址:https://www.cnblogs.com/liner730/p/4676931.html
Copyright © 2011-2022 走看看