css3语法教程讲义.pptVIP

CSS3中多栏布局 column-gap 属性规定列之间的间隔 语法： column-gap: length |normal ; length：把列间的间隔设置为指定的长度。 normal：规定列间间隔为一个常规的间隔。 column-rule 属性是一个简写属性，规定列之间的宽度、样式和颜色规则 语法： column-rule: column-rule-width column-rule-style column-rule-color； column-rule-width：设置列之间的宽度规则。 column-rule-style：设置列之间的样式规则。 column-rule-color：设置列之间的颜色规则。 实例： column CSS3中多栏布局 浏览器支持 CSS3中的盒布局 盒布局与多栏布局区别：使用多栏布局时，各栏宽度必须是相等的。而盒布局可以各栏宽度不等。另外，使用多栏布局时，也不可能具体指定什么栏中显示什么内容，因此比较适合使用在显示文章内容的时候。而盒布局更适合安排网页结构。 CSS3中的盒布局 设置元素为盒布局： 语法：display:box; box-flex规定框的子元素是否可伸缩其尺寸 语法： box-flex:值 box-ordinal-group 规定框中子元素的显示次序 语法box-ordinal-group :序号 b