CSS

  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.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值