• css 集锦。


    1. 可以是 链接的下划线 去掉。
    a {text-decoration: none}
    position:absolute  绝对定位
    position:relative  相对定位

     ie  图片失真

    -ms-interpolation-mode
    img {-ms-interpolation-mode:bicubic;}

    class 在css中是用“.”, id 是用 “#” 。

    px em pt单位区别:
    px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐;
    em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多;
    pt单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。
    1. 以前IE无法调整那些使用px作为单位的字体大小,但现在几乎IE都支持 在这里也推荐使用PX作为单位;
    2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
    3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。
    px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的,QQ截图也是使用PX作为长度宽度单位。
    em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。[2]

    before after  content  是三个 伪元素。

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    p:before
    {
    content:"台词:";
    }
    </style>
    </head>
    
    <body>
    
    <p>我是唐老鸭。</p>
    <p>我住在 Duckburg。</p>
    
    <p><b>注释:</b>对于在 IE8 中工作的 :before,必须声明 DOCTYPE。</p>
    
    </body>
    </html>

    结果为: 

    ol  ul  li  解释。。

    ol  是会有 编号的。例如

    <div>
    <ol>
    <li>1111</li>
    <li>2111111111</li>
    <li>31111111111</li>
    <li>4111111111</li>
    </ol>
    </div>

    结果为:

     ul 代码:

    <div>
    <ul >
    <li>1111</li>
    <li>2111111111</li>
    <li>31111111111</li>
    <li>4111111111</li>
    </ul>
    </div>

    结果为:

    如果 ul 加上style 样式的话,

    <div>
    <ul style="list-style:none;">
    <li>1111</li>
    <li>2111111111</li>
    <li>31111111111</li>
    <li>4111111111</li>
    </ul>
    </div>

    结果为:

    会没有前边的 点点。

    奇数偶数<p>标签怎么设置不同的背景色。

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    p:nth-child(3n+0)
    {
    background:#ff0000;
    }
    </style>
    </head>
    <body>
    
    <h1>这是标题</h1>
    <p>第一个段落。</p>
    <p>第二个段落。</p>
    <p>第三个段落。</p>
    <p>第四个段落。</p>
    <p>第五个段落。</p>
    <p>第六个段落。</p>
    <p>第七个段落。</p>
    <p>第八个段落。</p>
    <p>第九个段落。</p>
    
    <p><b>注释:</b>Internet Explorer 不支持 :nth-child() 选择器。</p>
    
    </body>
    </html>

    结果为:

    last-child ,frist-child  都是css style 样式。 odd 奇数    even  偶数

    css中 有' > '是什么意思。 表示的是从属关系,只有儿子辈的适用该样式,孙子辈的不适用该样式。

    打个比方div span{...}这样写,div下的不论是儿子辈的span还是孙子辈的span都应用样式;
    也就是说,div下的所有span都有这个样式。

    div>span{...}这样写,div下的只有儿子辈的span应用样式;
    但是如果是这种情况<span>dddddd<span>aaaaa</span></span>孙子辈的span会继承儿子辈的span样式;
    试的时候这样<p><span>aaaaa</span><!--2--></p>才是真正的孙子辈样式
    ie6不支持。

     浏览器兼容模式。

    -moz代表firefox浏览器私有属性
    -ms代表IE浏览器私有属性
    -webkit代表chrome、safari私有属性

    css:border-10px 5px 20px 1px ******意思********
    上边框,右边距,下边距,左边距。(顺时针)

     9. 文字上下 居中 css样式:

     vertical-align: middle

  • 相关阅读:
    [转]2013豆瓣校园招聘研发类笔试题
    【强烈推荐】《剑指Offer:名企面试官精讲典型编程题》一书中IT名企经典面试题
    [转]2013百度校园招聘-机器学习和数据挖掘工程师-笔试题
    [转]一个应届计算机毕业生的2012求职之路
    图片镜像
    家有学霸的CEO
    盯盯拍Android App 3.0指导
    淘宝领取金币
    儿童散光眼的分类
    女孩被宠坏叫爷爷滚开
  • 原文地址:https://www.cnblogs.com/xiaoxiao2014/p/3723204.html
Copyright © 2020-2023  润新知