常用的CSS样式基本属性

一、字体属性：
1.字体的颜色：color:;

*颜色的取值：
1）关键字：red blue…
2）十六进制，包含0——9 a——f
黑色：#000000 简写：#000
白色：#ffffff 简写：#fff
3）rgb(0,0,0) 黑色 取值：0——255 rgb(255,255,255)
4）rgba(0,0,0) a：透明度，取值：0——1（0：完全透明，1：不透明）

2.字体的大小：font-size:;

*浏览器支持的最小字体为：12px

3.字体是否加粗：font-weight:;

*默认：normal——不加粗（400）
bold——加粗（700）
取值：100——900

4.字体是否倾斜：font-style:;

*默认：normal——不倾斜
italic——倾斜

5.字体：font-family:;

*默认：宋体
注意：当字体由多个单词组成，必须加引号

字体属性具有继承性！~
二、文本属性：
1.元素内容的水平对齐方式：text-align:;

*对齐方式：left、center、right

2.文本装饰：text-decoration:;

*装饰方式：
underline——下划线（nonew——没有下划线）
line-through——删除线
overline——上划线

3.英文字母大小写转换：text-transform:;

*取值：
uppercase——大写
lowercase——小写
capitalize——每个单词的首字母大写

4.首行缩进：text-indent:;

*取值：
px——绝对单位，像素
em—— 相对单位，相对于当前字体大小，默认16px（1em=16px）
rem——相对单位

文本属性具有继承性！~
三、列表属性：
1.设置项目符合：list-style-type:none;

2.设置项目符合为图片：list-style-image:url("");

3.设置项目符号的位置：list-style-position:outside/inside;

简写：list-style:none;
列表属性具有继承性！~
四、背景属性：
1.背景颜色：background-color:;

*默认：transparent——透明的
取值：
1）十六进制：#000 、#fff
2）关键字：red、blue
3）rgb(0,0,0) rgba(255,255,255)
4）rgba(0,0,0,0.5) ,a——透明度，取值：0——1

2.背景图片：background-image:url("");

*默认：水平垂直平铺
注意：img元素和背景图片的区别：1）img元素：父元素放不下，会溢出；2）背景图片：父元素多大，显示多大

3.背景图片是否平铺：background-repeat:;

*取值：
repeat——平铺（默认）
no-repeat——不平铺
repeat-x——水平方向平铺
repeat-y——垂直方向平铺

4.背景图片大小：background-size:x y;

*取值：px % cover（覆盖整个背景区域） contain（背景图片拉伸至足够大，但是背景区域可能覆盖不完全）

5.背景图片定位：background-position:x y;

*默认:左上角（0,0）
取值：px % left right top bottom center
注意：
1）当只取一个值，第二个值默认居中；
2）取正值，背景图片往右下走，取负值，背景图片往左上走

6.背景图片固定：background-attachment:scroll(跟着页面动而动)/fixed(固定)

简写：background:颜色 图片 平铺 大小 定位 固定;（顺序不固定）
*当简写属性和单个属性同时存在，单个属性要写在简写属性下面

五、表格属性：
1.表格宽高(元素大小)：
width:;
height:;

2.背景颜色：background-color:;

3.背景图片：background-image:url();

4.元素内容水平对齐方式：text-align：left/right/center;

5.单元格内容垂直对齐方式：vertical-align:top/middle/bottom;（写在tr或td上）

6.边框折叠：相当于cellspacing=“0”
border-collapse：collapse;

7.边框：border:;

8.内容距边框的距离：padding:;

六、其他属性：
（一）行高：
1.设置行高：line-height:;

*取值：px、number
注意：设置的是一行文字的高度，当行高等于高，一行文字垂直居中