HTML第五课

*一，认识盒子模型
width: 200px盒子模型宽度
eight: 50pxi盒子模型的高度
border:15 px solid red；/盒子模型的边框
background: #cCC盒子模型的背景
padding: 30px盒子模型的内边距
margin: 20px盒子模型的外边距
二，盒子模型相关属性
设置边框样式( border-style ）
边框样式用于定义页面中边框的风格，常用属性值如none：没有边框即忽略所有边框的宽度(默认值)
solid：边框为单实线。
dashed：边框为虚线。
dotted：边框为点线。
double：边框为双实线。
border-top- style：上边框样式。
border-right- style：右边框样式
border-bottom- style：下边框样式。
border-left- style：左边框样式。
border- style：上边框样式右边框样式下边框样式左边框样式。
border-style：上边框样式左右边框样式下边框样式border- style：上下边框样式左右边框样式。
border-style：上下左右边框样式。
2.设置边框宽度
border-top- width：上边框宽度。
border- right- width：右边框型度。
3.设置边框颜色
border-gp- color：上边框颜巴。
e border-night-color右边框颜色。
border- bottom- color：下边框颜色。左边框颜色。
border-lett-colorbder-cor：上边框颜色
4.综合设置边框
border-top：上边框宽度样式颜色。
border-right右边框宽度样式颜色
border- bottom；下边框宽度样式颜色。
border-left：左边框宽度样式颜色。
border：四边宽度样式颜色。
三，内边距属性
padding-top：上内边距
padding-righ：右内边曄。
padding- bottom：下内边距。
padding-let：左内边距。
五，外边距属性
margIn-top：上外边距。
margin-ight：右外边距。
margin- botton下外边距。
margin-left：左外边距。
margin：上外边距
六，背景属性
1.设置背景颜色
使用background-color属性来设置
2，设置背景图像
通过background-image来实现
3.设置图像平铺
repeat：沿水平和竖直两个方向平铺(默认值)。
no- repeat：不平铺(图像位于元素的左上角，只显示一次)repeat-x：只沿水平方向平铺。repeat-y：只沿竖直方向平铺。
4.设计背景图像的位置
background-image:url(img/wdj1.jpg);
5,设置背景图像固定
scroll图像随页面一起滚动。
fixed图像固定在屏幕上，不随页面元素滚动。
6.综合设置元素的背景。
background- Image：url(img/wdi1。jpg)；设置网页的背景图像
background-repeat: no-repeati设置背景图像不平铺background-position: 50px 80pxi用像素值控制背景图像的位置
background-attachment: fixed设置背景图像的位置固定