css各种属性

普通属性

width属性：

• auto 默认值。浏览器可计算出实际的宽度。
• length 使用 px、cm 等单位定义宽度。
• % 定义基于包含块（父元素）宽度的百 比宽度。
• inherit 规定应该从父元素继承 width 属性的值。

字体

letter-spacing（字符间距）

normal /length /inherit

text-align对齐方式

left / right /center /justify /inherit

line-height 行距

normal/number/length/%/inherit

font-size属性

表字体大小。
xx-small\x-small\small\medium\large\x-large\xx-large 尺寸设置：默认值 medium
smaller 比父元素更小
larger 比父元素更大
length 固定值
% 基于父元素百分比的值
inherit 继承于父类

color属性（设置文本）

值类型：
color_name 规定颜色值为颜色名称的颜色（比如 red）。
hex_number 规定颜色值为十六进制值的颜色（比如 #ff0000）。
rgb_number 规定颜色值为 rgb 代码的颜色（比如 rgb(255,0,0)）。
inherit 规定应该从父元素继承颜色。

盒子

border

• border-width：4个方向的类型
  值(thin/medium/thick/length/inherit)
• border-style：
  值(none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset/inherit)
• border-color：red green blue pink;等等 transparent
• inherit

margin属性

例子 1

margin:10px 5px 15px 20px; # 上/下/左/右

例子 2

margin:10px 5px 15px ; # 上+左/右+下

例子 3

margin:10px 5px; # 上/下+左/右

例子 4

margin:10px #4个都是

值

auto:自动计算距离。
length：具体值。
% 基于百分比。
inherit 继承于父类。