CSS核心属性总结

目录

文本相关

文字大小（font-size）

文字颜色（color）

文字字体（font-family）

字体加粗（font-family）

 字体倾斜（font-style）

 水平对齐（text-align）

 文字行高（line-height）

 首行缩进（text-indent）

 文本修饰（text-decoration）

 字间距（letter-spacing）

词间距 （word-spacing）

 列表相关

清除列表符号样式，list-style:none;

 背景相关

---

文本相关

文字大小（font-size）

注意： 浏览器默认文字大小是16，谷歌浏览器最小识别的是12px。

代码展示：

文字颜色（color）

注意：书写可以为颜色单词，也可以为#十六进制，也可以为rgb格式。

代码展示：

文字字体（font-family）

注意：谷歌和火狐浏览器默认是微软雅黑，其他浏览器默认是宋体，如果是中文字体或者是多个英文单词组成的字体,需要到引号，多个字体之间用逗号隔开。

代码展示：

字体加粗（font-family）

属性值为单词

font-weight:bolder;	加粗
font-weight:bold;	加粗
font-weight:normal;	不加粗

属性值为数字

font-weight:100-300;	细一些的
font-weight:400-500;	常规的
font-weight:600-900;	加粗的

注意：属性值为数字时，不需要带单位（px）。

 字体倾斜（font-style）

字体倾斜属性

font-style:italic;	倾斜
font-style:oblique;	倾斜
font-style:normal;	不倾斜

 水平对齐（text-align）

文字对齐

text-align:left;	文字左对齐
text-align:right;	文字右对齐
text-align:center;	文字居中
text-align:justify;	2端对齐,但是只对多行文本有效

 文字行高（line-height）

定义：

指的是第一行文本的基线到第2行文本基线之间的垂直距离

指的是第一行文本的中线到第2行文本中线之间的垂直距离

指的是第一行文本的底线到第2行文本底线之间的垂直距离

指的是第一行文本的顶线到第2行文本顶线之间的垂直距离

行高=文字大小+行距

行高属性

line-height:30px;	加上字体大小一共30px
line-height:2;	此时的数字是倍数,是font-size的2倍
line-height:200%;	此时的百分比是倍数,是font-size的2倍

 首行缩进（text-indent）

注意：只对第1行起作用，可以给负数，如果想要首行缩进2个汉字  text-indent:2em;

 文本修饰（text-decoration）

文本修饰属性

text-decoration:none;	没有修饰  ，常用于给a去除下划线
text-decoration:underline	添加下划线
text-decoration:overline	添加上划线
text-decoration:line-through;	添加删除线

注意：其中去除a的下划线为常用属性。

 字间距（letter-spacing）

词间距 （word-spacing）

 列表相关

清除列表符号样式，list-style:none;

 背景相关

background-color	背景颜色
background-image:url();	背景图
background-position:水平的  垂直的;	背景图的位置
background-attachment:fixed;	背景图的固定
background-size:水平的宽度  垂直的高度;	背景图的大小

background-color 代码展示：

 background-image 代码展示：

 background-position：

 background-size：