普通属性
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 继承于父类。