• CSS3部分新特性


    1.旋转
    transform:rotate(30deg);
    -ms-transform:rotate(30deg); /* IE 9 */
    -moz-transform:rotate(30deg); /* Firefox */
    -webkit-transform:rotate(30deg); /* Safari and Chrome */
    -o-transform:rotate(30deg); /* Opera */

    2.CSS3 模块包括
        选择器
        框模型
        背景和边框
        文本效果
        2D/3D转换
        动画
        多列布局
        用户界面

    3.border-radius 圆角边框
      box-shadow 阴影
      border-image 边框图片

    4.CSS3背景
        background-size
        background-origin

    5.CSS3文本效果
        文本属性:text-shadow  word-wrap
        text-shadow能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色
        text-overflow规定当文本溢出包含元素时发生的事情,ellipsis是用省略符号
    来代表被修剪的文本,使用该属性时需要overflow是hidden,white-space是nowrap的

    6.CSS3自定义字体 @font-face

    7.CSS3转换  有2D和3D
        通过CSS3转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸

  • 相关阅读:
    【C#】项目优化实战
    【NoSql】Redis
    【算法】非递归的方式生成树
    工作4年的一些想法
    【NoSql】MongoDb
    【微信开发】 前端
    【微信开发】常用 api
    [MVC] DIV 布局
    [Swift] 疑难杂症
    《你不懂我,我不怪你》
  • 原文地址:https://www.cnblogs.com/sun-rain/p/4900852.html
Copyright © 2020-2023  润新知