学习CSS（7）

1.CSS3用户界面

    可以自由的控制页面当中某个元素大小，可以设置外边框用来突出重点，可以实现类似于报纸版面的排列效果，可以重定义盒子模型的表现形式。

 

2.CSS3多列

    能够创建多栏来进行文本的布局。

属性

描述

column-count

规定元素应该被分隔的列数

column-gap

规定列之间的间隔

column-rule

设置所分列的属性

column-width

规定列的宽度

 

3.CSS3调整元素的尺寸

    利用resize可以规定是否可以由用户来调整元素的尺寸。

值

描述

none

用户无法调整元素的尺寸

both

用户可调整元素的高度和宽度

horizontal

用户可调整元素的宽度

vertical

用户可调整元素的高度

 

4.CSS3的box-sizing

    box-sizing 属性允许以特定的方式定义匹配某个区域的特定元素。

值

描述

content-box

在宽度和高度之外绘制元素的内边距和边框

border-box

为元素指定的任何内边距和边框都将在已设定的宽

度和高度内进行绘制

inherit

应从父元素继承 box-sizing 属性的值

5.CSS3的外边框

    outline （轮廓）是给元素周围绘制轮廓外边框，通过设置一个数值使边框边缘的外围偏移，可起到突出元素的作用。

值

描述

outline-color

轮廓边框颜色

outline-style

轮廓边框轮廓

outline-width

轮廓边框宽度

outline-offset

轮廓边框偏移位置的数值

 

6.outline-offset

    outline-offset 属性对轮廓进行偏移，并在边框边缘进行绘制，轮廓不占用空间。

值

描述

length

轮廓与边框边缘的距离

inherit

应从父元素继承 outline-offset 属性的值