CSS处理网页时，它认为每个元素都包含在一 个不可见的盒子里。一个盒子我们会分成几个部分：内容区(content)内边距(padding)边框(border)外边距(margin)
通过width和height两个属性可以设置内容区的大小。内边距
使用padding属性来设置元素的内边距padding:10px 20px 30px 40px这样会设置元素的上、右、下、左四个方向的内边距。padding:10px 20px 30px;分别指定上、左右、下四个方向的内边距padding:10px 20px;分别指定上下、左右四个方向的内边距padding:10px;同时指定上左右下四个方向的内边距同时在css中还提供了padding-top、padding-right、padding-right、padding-bottom分别用来指定四个方向的内边距。边框
可以使用border属性来设置盒子的边框：border:1px red solid;上边的样式分别指定了边框的宽度、颜色和样式。也可以使用border-top/left/right/bottom分别指定上右下左 四个方向的边框。和padding一样，默认width和height并包括边框的宽度边框的样式
none（没有边框）dotted（点线）dashed（虚线）solid（实线）double（双线）groove（槽线）ridge（脊线）inset（凹边）outset（凸边）外边距
使用margin属性可以设置外边距。用法和padding类似，同样也提供了四个方向的 margin-top/right/bottom/left。
当将左右外边距设置为auto时，浏览器会将左右外 边距设置为相等，所以这行代码margin:0 auto可 以使元素居中。Display通过修改display来修改元素的性 质。可选值：block：设置元素为块元素inline：设置元素为行内元素inline-block：设置元素为行内块元素none：隐藏元素（元素将在页面中完全消失）visibility
和display不同，使用visibility隐藏一个元 素，隐藏后其在文档中所占的位置会依然 保持，不会被其他元素覆盖。可选值：visible：可见的hidden：隐藏的overflow
通过overflow来控制内容溢出的情况。可选值：visible：默认值scroll：添加滚动条auto：根据需要添加滚动条hidden：隐藏超出盒子的内容
大写化
①text-transform 控制文本的大小写②text-transform：uppercase ：控制文本大写③text-transform：lowercase：控制文本的小写④text-transform：capitalize ：控制文本的首字母大写⑤text-transform：none ：文本正常⑥text-decoration ：underline（上划线）⑦text-decoration ：overline （下划线）⑧text-decoration ：line-through （中划线）⑨text-decoration ：none （没有线条）
字母单词的间距
①letter-spacing：10px 字符边距②word-spacing：10px 汉字边距③text-align：left：左对齐④text-align：right：右对齐⑤text-align：justify：两边对齐⑥text-align：center：居中对齐
