HTML和CSS的那些事儿2-CSS

上一篇文章扯了写html的东东，现在接着看css，

1，html和css彻底分离

任何时候避免在标签上直接使用style属性；将<style>标签内的内容移到外部css文件中；

2，选择符、属性和值

选择符{属性:值}

font-size属性赋值的单位中，最佳的是em或者%,因为具有缩放性

3，font-family字体族

多种字体需用半角英文逗号“,”分隔，浏览器会逐遍寻找罗列的字体直到找到电脑上安装有的字体为止。如果一个字体名称超过1个单词，需用双引号，如font-family: "Times New Roman"。

4，font-size尺寸

段落字体控制可以用font-size属性；至于标题，乖乖用标题标签如h1~h6

5，font-weight加粗

font-weight属性常用的值就bold和normal。其他的值浏览器兼容不好。

6，text-decoration字体装饰

是否划线装饰字体。overline-上划线；underline-下划线；line-through-中划线；none-无。

7，text-transform字体转换

capitalize-首字母大写；uppercase-大写；lowercase-小写；none-…

8，文本间距

字母间距letter-spacing;单词间距word-spacing;line-height段落行高；

水平对齐text-align;文本缩进text-indent

9，外边距margin和内边距padding，以及盒状模型

也即边界(margin)和填充补白（padding）

Margin box（边界盒）

Border box（边框盒）

Padding box（补白盒）

Element box（元素盒）

10，边框

border;border-style;border-width;border-color;…

11，字体便捷属性font

font:font-style, font-variant, font-weight, font-size/line-height, font-family.

一定要注意属性值的顺序，

例如：p {font: italic small-caps bold 14px/15px Arial, Helvetica, sans-serif;}

如果一些属性值置空，剩余的属性值也需保持顺序，

例如：p {font: bold 14px Arial, sans-serif;}