CSS知识归纳—1

css基本样

无论是行内样式还是块级样式都具备的一些基本样式：

font字体：

font-family字体类型，常提供多个字体备选，最后加上一个字体系列。除了一些常见字体，还可引用一些自定义的web字体，其中最有效的应该算上字体图标，一种很不错的样式设置方法；

font-size字体大小值可以试像素、百分比、em、rem，其中em根据继承来计算大小，rem根据html根元素计算的大小，更容易统一样式（注意ie的兼容性）。

font-weight字体粗细，可以试100~900的值，也可以设置为normal（400） 、bold（700）、bolder、lighter。

font-style字体风格，normal、italic（斜体）、oblique（倾斜）

line-height字体行高

font属性可以放在一个样式声明里，顺序为：字体风格、（字体变异）、字体粗细、字体大小/行高、字体系列，

例：font：italic  （small-caps） bold  12px/30px  "宋体",arial,sans-serif;

颜色

color，字体颜色 ，形式有颜色关键字（red、green...等在css3中有147种）、rgb(255,255,255)、#ffffff

background-color，背景颜色，值的类型和color一样。既然提了背景色那接下来就说背景。

背景

background-image，背景图片

background-repeat，是否平铺 （no-repeat、repeat-x、repeat-y）

background-position，背景图位置

background-attachment,背景是否固定，当值为fixed时，图片的位置相对屏幕固定，切设置的位置是根据屏幕大小；当值为scroll时，图片相对页面固定，随页面向上移动。

同样背景样式可以放在一个声明里，如：background：#f0f0f0 url() no-repeat fixed center 80%;

*明天总结文本、边框、盒模型样式……