常用属性总结

常用属性总结
文本属性
1.text-align: 设置元素内文本的水平排列方式，常用取值为：
left，默认值，居左
center，居中
right，居右

2、text-indent：设置元素内文本首行缩进，单位：像素、百分比
3、text-decoration：设置文本的下划线样式，常用取值为：
none：没有下划线
underline：表示有下划线
4、letter-spacing：设置字符间距，常用取值：
normal
像素值

字体属性
font-size: 设置字体大小
font-weight: 设置字体粗细，normal、bold、bolder
font-family：设置字体，比如设置为：微软雅黑、宋体、黑体等
color: 设置字体颜色
line-height：设置行高

背景属性
background: 复合属性，可以同时设置背景颜色、图片、背景图片的位置、背景图片是否以及如何重复排列等

background-color：设置背景颜色

background-image：设置背景图片

background-repeat：设置背景图片是否以及如何重复排列，常用取值：

repeat：默认值，背景图片默认横向重复、纵向也重复排列

repeat-x：设置背景图片横向重复，但纵向不重复排列

repeat-y：设置背景图片横向不重复，但纵向重复排列

no-repeat：设置背景图片不重复。

background-position：设置背景图片的位置

边框（border）
border: 5px solid red; – 设置元素的边框(复合属性，可以同时设置边框的宽度、样式、颜色)

border属性可以拆分为如下：

border-width:5px; -- 设置边框的宽度

border-style:solid; -- 设置边框的样式

border-color:red; -- 设置边框的颜色

其中: border-width、border-style、border-color也可以按照上、右、下、左方向进行拆分，以border-width为例：

border-top-width: 5px; -- 设置上边框的宽度

border-right-width: 8px; -- 设置右边框的宽度

border-bottom-width: 11px; -- 设置下边框的宽度

border-left-width: 14px; -- 设置左边框的宽度
**其他属性**

width: 设置元素的宽度，单位：像素、百分比

height：设置元素的高度，单位：像素、百分比

display属性

display用来设置元素的类型，常用取值：

block：块级元素的默认值

默认情况下独占一行

可以设置宽高

inline：行内元素的默认值

默认情况下多个行内元素可以处在同一行

一般不能设置宽高

inline-block：行内块元素

多个元素既可以显示在同一行, 也可以设置宽和高

none：表示隐藏元素

3.8.2 元素类型(了解)

(1)块级元素（block）

默认情况下，块级元素独占一行

可以设置宽和高，就是设置宽和高

如果不设置宽和高，其中宽是默认填满父元素，而高是由内容决定(由内容支撑)

(2)行内元素（inline）

默认情况下，多个行内元素处在同一行

不能设置宽和高

(3)行内块元素（inline-block）

既具备行内元素的特征(可以同行显示)，还具备块级元素的特征(可以设置宽和高)