zoukankan      html  css  js  c++  java
  • background

    总结前的碎碎念。

    写了不少页面,背景这个属性虽然是普通不能再普通的了,但是用的好,简直是神助攻。

    基本属性:

    background:red url(../img/images.png) no-repeat fixed top;

    颜色:red;

    url: url(../img/images.png)

    background-repeat:no-repeat;

    background-attachment:fixed(scrollinherit) 背景是否随着页面的其余部分可以滚动 IE8一下不支持inherit;

    background-origin:padding-box(border-box content-box) 如果设置了fixed则该属性无效;

    该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了

    background-clip:padding-box(border-box content-box) 

    该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。

    background-size :

     auto 保持背景的原始高度和宽度

    umber 

    percentage

    cover 图片放大 最小化铺满容器

    contain 图片缩小 最大化完全显示

  • 相关阅读:
    7.10.8107.79 小心80180048
    Sliverlight MD5
    WP 数据绑定Visibility
    WP7 剪贴板 Clipboard
    [10年之后我是谁]读书笔记
    linux面试题
    [你的灯亮着吗]读书笔记
    Linux命令行简明教程
    <Ruby入门教程>读书笔记
    [职场谎言系列]读书笔记
  • 原文地址:https://www.cnblogs.com/fnncat/p/6059209.html
Copyright © 2011-2022 走看看