CSS3开始修行

CSS3简介与课程

前提：HTM5已经敲定规则，而CSS3还在制定当中，但现代浏览器已经开始支持。其特点：部分新属性需要添加浏览器前缀。

一、盒模型

<margin>

<border>

<padding>

<contant>层层包裹

二、背景和边框

边框属性：box-shadow 实现边框阴影；属性值包括

模糊度、X轴偏移、 Y轴偏移、 阴影颜色

border-radius:实现圆角边框；（属性值越大，角度越圆）

border-image:实现图片边框。（可以使用图片作为边框）

 

三、CSS颜色属性

Rgba(red,green,blue,alpha)

1.相对于rgb颜色表示法，新增了一个透明通道

2.该透明通道取值为0--1，值越大，越不透明

Opacity:0--1

1.表示透明度。该取值越大，越不透明

2.该属性具有继承性

Hsla()

1.相对hsl颜色表示法，新增了一个透明通道

2.取值同rgba一样

 

四、多列布局

Column-count 指定需要分割的列数

Column-width 指定列的宽度

Column-gap 指定列与列间的间隙

Column-span 指定元素跨越多少列

 

Column-rule 可同时设定边框厚度、样式、颜色

Column-rule-style 指定列与列的边框样式

Column-rule-style 指定列与列间的边框样式

Column-rule-color 指定两列的边框颜色