zoukankan      html  css  js  c++  java
  • CSS补充


    背景颜色的渐变:

    background: -webkit-linear-gradient(渐变的起始位置, 颜色 位置,颜色 位置...)

    /* background: -webkit-linear-gradient(top, red 0%,  green 20%, blue 80%) */

    前面的 webkit, moz 是表示的浏览器的前缀

    浏览器前缀

    -webkit-  是Google,Safari,Android Browser浏览器

    -moz- 是Firefox浏览器

    -o- 是Opera浏览器

    -ms- 是Internet 浏览器

    -khtml- 是Konqueror浏览器

    图片旋转轮播(preserve-3d)

    transform-style: preserve-3d

    webkit的css扩展方法

    盒子垂直居中的方法

    1、先让盒子的上下边缘和父盒子的水平中心线重叠,然后再让子盒子往回移动自身的一半距离

    2、使用表格的vertical-align: middle  实现盒子垂直居中

    3、使用margin计算盒子的上下边距

    盒子水平居中的方法

    1、margin: 0 auto

    2、margin左右边距(浏览器宽度改变不太好用)

    3、先让子盒子左右边缘和父盒子垂直的中心线重叠,然后再让子盒子往回移动自身的一半距离

     4、把盒子转换成行内块,使用text-align 属性使盒子水平居中

    代码改变世界~
  • 相关阅读:
    java内部类自我总结
    eclipse中调试第三方jar中的代码
    java提升性能的好习惯(转)
    WMI获取驱动版本
    cmd中的特殊符号
    DISM命令应用大全
    C#自检系统
    注册表检查
    PictrueBox 显示Resources里面的图片
    Linq to XML
  • 原文地址:https://www.cnblogs.com/hxiaoman/p/14891366.html
Copyright © 2011-2022 走看看