- css权重:内联样式>header定义的 样式>大于外部样式>浏览器缺省设置(默认设置)
选择器:
Css分为以下几大模块:- 选择器
- 框模型
- 背景和边框
- 文本效果
- 2D/3D 转换
- 动画
- 多列布局
- 用户界面
- 边框:边框有以下几种属性:border-radius(边框圆角) box-shadow (边框阴影) border-image(图像边框)
- 背景:我们可以通过使用background-size设定背景的大小,也可以使用background-origin来设定边框的位置,它有三个值:border-box,content-box,padding-box。分别是让背景从边框处显示、从padding内显示,从内容里显示。请看示范
- 我们可以使用background-img来使用图片作为背景,并且可以以这种方式
background-image:url(bg_flower.gif),url(bg_flower_2.gif);
来设定多组图片作为背景 - 文本效果:text-shadow文字阴影效果,word-wrap文本超长的情况下,会转换到另一行。
- 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.