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;}

posted @ 2010-05-14 13:17  Mamboer  阅读(293)  评论(2编辑  收藏  举报