Header First HTML and CSS章后bullet points总结之Chapter 9

1.CSS是使用盒式模型来控制元素的排列的，盒子是由content area、padding、border、margin组成的；其中，content area是元素的内容，padding是在content area周围的视觉空白，border环绕着padding和content的边框，margin则是围绕着margin、padding和content area的元素与元素之间的空白；其中，padding，margin和border都是可以选择的；


2.一个元素的background会在content和padding下面，但是不会在margin下面；


3.padding和margin都是可以用像素或者百分比设置的；border宽度是用像素或者关键字thin、medium或者thick设置的；


4.border有8种风格，包括solid、dashed、dotted和ridge；


5.不管是border还是margin或者是padding，CSS都可以分开设置他们的“上右下左”四个方向的属性（注意顺序是上右下左）；


6.class属性来控制你希望有共同性质的一群元素，id则是控制某一个元素，一般来说，一个页面里对于一个指定的id，应该只有一个元素


7.注意class的selector是.className，而id的selector是.idName


8.一个元素只能有一个id，但是它却可以同时属于很多个class


9.可以在一个HTML文件里使用多个样式表(stylesheet)，如果两个样式表有冲突，那么HTML文件会选择后面那个


10.可以用link元素选择你的目标设备，或者使用CSS的@media规则


11.几个值得注意的属性：
border-radius：设置一个border的圆角
line-height：设置行间距
background-image：设置图片作为背景
background-position：设置背景图像的起始位置；这个属性设置背景原图像(由 background-image定义)的位置,背景图像如果要重复,将从这一点开始
background-repeat:定义背景是否重复