看的视频再多，也不如自己实践下呀。感觉自己看的都掌握了，实践起来简直坑的一批。
1.最基本的格式：【再<head>中写】
<style>
width： 800px；
height：600px；
border : {1px solid red；}
</style>
总结：一个短短的5个易错点
（1）px不写则前面的数字无效
（2）border后面是"："，不写则后面的样式无效
（3）solid：单实线；double：双实线；dotted：点线；dashed：虚线
（4）最后分号不要忘了写
（5）中间是空格隔开，不是逗号。
2.当为表格及表中每个单元格加边框粗细的时候，当内边距为0时，会出现比你想象的粗的现象。
原因：表格边框一个粗度+单元格一个边框粗度=2倍所设边框粗度
例子：table{ td{
border-width = 1px} border-width = 1px}
最后的效果图为2px
解决方案：border-collapse：collapse；此条命令的含义是将边框进行合并。
3.边框可以通过border-radius：进行调节四周角尖锐度。
4.文本居中和盒子居中的区别：
文字居中：text-align：center；
盒子居中：margin：0px auto；
5.背景和图片的区别：
（1）大小的设置：
图片设置大小：width：height：
背景设置大小：background-size：
（2）位置的设置：
图片设置位置：margin：
背景设置位置：background-position：
6.设置超链接的样式：
去掉下划线：text-decoration：none；
将块内文字设置居中：line-height：块高
要想设置链接字体的大小，必须使用行块元素display: inline-block;因为链接字体不能直接进行设置大小。
7.
（1）块与块之间的margin-bottom和margin-top取最大的值做为块与块之间的间距：
解决方案是，只设置其中一个。
（2）嵌套块，内快设置margin不对内块起作用，而是作用于外块上。
解决办法一：给外块增加一个border或者padding
解决办法二：给外快设置：overflow：hidden
（3）初始margin和padding浏览器各自不同，也就是浏览器版本兼容问题。下图为google的margin=8
解决方法：
*{
margin：0px；
padding：0px；
}
