zoukankan      html  css  js  c++  java
  • CSS 知识点

    CSS 一些琐碎知识点记录下

    1:标签a 的样式添加顺序:

    <style type="text/css">

    a:link {color:#006600; font-size:30px;}   /* 未访问的链接 green */

    a:visited { color:#FF0000; font-size:30px; text-decoration: underline;}    /* 已访问的链接 红*/

    a:hover { color:#000000; font-size:30px; text-decoration: underline;}    /* 当有鼠标悬停在链接上*/

    a:active { color:#000066; font-size:30px; text-decoration: none;}   /* 被选择的链接blue */

    使用的时候必须按照以上的顺序写,不然效果可能体现不了

    在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!     a:active 必须位于 a:hover 之后!!

    2:css浏览器兼容:

    A:   !important (功能有限):

    随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
    例如:
    #example {
    100px !important; /* IE7+FF */
    103px; /* IE6 */
    }

    B:   CSS HACK的方法:

    所有浏览器 通用 height: 100px;
    IE6 专用 _height: 100px;
    IE7 专用 *+height: 100px;
    IE6、IE7 共用 *height: 100px;
    IE7、FF 共用 height: 100px !important;

    IE9  height:100px\9;

    需要注意的是,代码的顺序一定不能颠倒了../*FF*/   /*IE9*/  /*IE8*/  /*IE7*/  /*IE6*/

    *+html 对IE7的兼容 必须保证HTML顶部有如下声明:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • 相关阅读:
    关于jquery
    3D转换(位置)+过渡+透视
    浅谈相对定位与绝对定位
    多层菜单
    菜单栏
    轮播图
    jsp中表格序号递增,varStatus="vs"
    关于数据库的增删改查
    put请求(单整体改),patch请求(群单改,群改)
    ModelSerializer 序列化和反序列化,及序列化整合,单删/增,群删/增(delete请求)
  • 原文地址:https://www.cnblogs.com/Joans/p/2051096.html
Copyright © 2011-2022 走看看