CSS

来源:互联网 发布:如何健康减肥知乎 编辑:程序博客网 时间:2024/06/07 04:43
  1. css权重:内联样式>header定义的 样式>大于外部样式>浏览器缺省设置(默认设置)
  2. 选择器:
    Css分为以下几大模块:

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

  1. 边框:边框有以下几种属性:border-radius(边框圆角) box-shadow (边框阴影) border-image(图像边框)
  2. 背景:我们可以通过使用background-size设定背景的大小,也可以使用background-origin来设定边框的位置,它有三个值:border-box,content-box,padding-box。分别是让背景从边框处显示、从padding内显示,从内容里显示。请看示范
  3. 我们可以使用background-img来使用图片作为背景,并且可以以这种方式background-image:url(bg_flower.gif),url(bg_flower_2.gif);来设定多组图片作为背景
  4. 文本效果:text-shadow文字阴影效果,word-wrap文本超长的情况下,会转换到另一行。
  5. 2D转换(2D动画效果):
    translate(50px,100px) 当前位置从左边平移50px,从顶端平移100px
    rotate(30deg) 旋转30度
    scale(2,4)宽度变为原来的两倍大小,高度变为原来的四倍大小
    skew(30deg,20deg)翻转,根据给定的x,y度数翻转
    matrix(0.866,0.5,-0.5,0.866,0,0)根据给定的6个参数,允许您:旋转、缩放、移动以及倾斜元素。
    6.
原创粉丝点击