06盒子模型、CSS背景和列表-课堂作业

　　　　　　　盒子模型

样式继承关系
样式属性　　　　　　　　继承　　　　　　　　　　　　　　说明

width　　　　　　　　　不继承　　　　　　　　　　　对于样式属性，通过设置值

height　　　　　　　　块级元素、替换元素　　　　　为inherit ,指定从父元素

　　　　　　　　　　　　　　　　　　　　　　　　　继承相对属性值。
padding　　　　　　　　不继承

margin　　　　　　　　不继承　　　　　　　　　　　　例: div{padding:10px;}

　　　　　　　　　　　　　　　　　　　　　　　　　　div p{padding:inherit;}
border　　　　　　　　不继承

display属性

• inline

元素将显示为内联元素,元素前后没有换行符

• block

元素将显示为块级元素,元素前后会带有换行符

• inline-block

行内块元素,元素呈现为inline ,具有block相应特性

• none

此元素不会被显示

CSS背景和列表

背景样式　　　　

• background-color　　　　　　　　　　　　设置元素的背景颜色。
• background-image　　　　　　　　　　　 把图像设置为背景。（包含内边距和边距，不包括外边框）
• background-position　　　　　　　　　　  设置背景图像的起始位置。
• background-attachment　　　　　　　　   背景图像是否固定或者随着页面的其余部分滚动。（fixed，scroll）
• background-repeat　　　　　　　　　　   设置背景图像是否重复及如何重复。（重复分为横向重复，纵向重复和横纵都重复）
• background　　　　　　　　　　　　　　简写属性，作用是将背景属性设置在一个声明中。（属性值不分先后顺序）

列表样式
list-style-type　　　　　　　　设置列表项标志的类型。

list-style-image　　　　　　　将图像设置为列表项标志。

list-style-position　　　　　　设置列表中列表项标志的位置。

list-style　　　　　　　　　　简写属性。用于把所有列表的属性设置于一个声明中。