cascade style sheet 层叠样式表
1.概念
决定页面的样式.
1.颜色
2.布局
2.CSS与HTML的结合方式

3.CSS的选择器
4.CSS的基本语法
5.CSS的常用属性
6.盒子模型
背景颜色
<style type="text/css">
body{
background-color: pink
background-image: url("001.jpg")
background-repeat: no-repeat;(横轴重复，纵轴重复)
background: green url( ) repeat-x fixed
}
盒子模型
万物皆盒子，

1.配色
2.布局

盒子模型解决页面的布局问题。
itcast传智博客<div>
块级标签：占的是一行

image.png

行内标签：占行内的一部分。不能嵌套块级标签。

盒子模型div嵌套：
div{
border-color: red;
border-width: 1px;
border-style: solid;
}

one{

width: 300px;
height: 300px;
padding-left: 100px;内边距（外面到里面的距离）
}

two{

width: 100px;
height: 100px;
margin-left: 100px;外边距（里面div到外面的距离）
}

one{

/*
1个属性时：4个方向
2个属性时：第一个属性决定上下 第二个决定左右
3个属性时：第一个上，第二个左右，第三个下
*/
}