CSS（层叠样式表）知识

一、CSS基础

1.引入方式

内嵌式     写在style标签中            

外联式     通过link标签引入

行内式     写在标签的style属性中

2.选择器

标签选择器

类选择器.

Id选择器#

通配符选择器*：去除标签默认的margin和padding

3.字体样式

字体大小：font-size

字体粗细：font-weight   （400变细，700加粗）

字体样式：font-style      （取值normal正常，italic倾斜）

字体类型：font-family

font复合属性：font：style  weight  size/line-height  family

 4．文本样式

行高：line-height（文字加上下边距的高）

文本缩进：text-indent   (1em为一个字距离)

水平对齐：text-align

(在文本、span标签、a标签、input标签、img标签实现水平对齐效果，只需给其标签的父元素设置text-align即可)

文本修饰：text-decoration

属性值	效果
underline	下划线
line-through	删除线
overline	上划线
none	无修饰

标签水平居中：margin: 0 auto（可用于div p h标签）

二、CSS进阶

1.选择器进阶

后代选择器：选择器1 选择器2，会选中所以指定标签

子代选择器：选择器1>选择器2，只会改变子级样式

并集选择器：选择器1，选择器2

交集选择器：选择器1选择器2  

hover伪类选择器：选择器：hover（鼠标悬停在元素上的状态）

2.背景相关属性

背景平铺：background-repeat

背景位置：background-position:水平位置  垂直位置；

࿰