1 宽和高
width属性可以为元素设置宽度。
height属性可以为元素设置高度。
块级标签才能设置宽度,内联标签的宽度由内容来决定。
2 字体属性
文字颜色 color
文字字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。
body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif}
文字大小 font-size
文字粗细 font-weight
值 | 描述 |
---|---|
normal | 默认值,标准粗细 |
bold | 粗体 |
bolder | 更粗 |
lighter | 更细 |
100~900 | 设置具体粗细,400等同于normal,而700等同于bold |
inherit | 继承父元素字体的粗细值 |
3 颜色
css有文本颜色,背景颜色 边框颜色 等属性 ,属性值可用下面几种范式表达:
- 十六进制值 - 如: #FF0000
- 单词表示: blue,red
- 一个RGB的值:(255.0.0)
- rgba(255,0,0,0.3),第四个值为alpha, 指定了色彩的透明度/不透明度,它的范围为0.0到1.0之间
4 文字属性
文字对齐 text-align 属性规定元素中的文本的水平对齐方式。
值 | 描述 |
---|---|
left | 左边对齐 默认值 |
right | 右对齐 |
center | 居中对齐 |
justify | 两端对齐 |
文字装饰 text-decoration 属性用来给文字添加特殊效果
值 | 描述 |
---|---|
none | 默认。定义标准的文本。 常用去掉a标签默认的自划线: |
underline | 定义文本下的一条线。 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线。 |
inherit | 继承父元素的text-decoration属性的值。 |
首行缩进 text-indent:
将段落的第一行缩进 32像素: p { text-indent: 32px;}
5 背景属性