2023-07-02

一、基础认识

css的中文又叫做：层叠样式表。

语法：选择器 + {属性名： 属性值}、css引入方式：1.内嵌式，写在style标签中。通常放在head中。2.行内式：写在style标签中，写在标签中。3.外联式：单独写一个css文件，通过link把该文件引入。

二、选择器

选择器          在html中写法        在css中写法

标签选择器    就是标签本身        div{ }

类选择器        class= "banner"      banner { }

id选择器          id = “wrapper”      #wrapper { }

通配符选择器          无                    * { }

此外还有：后代选择器、子代选择器、交集选择器、并列（兄弟）选择器、伪类选择器。

三、字体和文字样式

字体样式            css属性                    属性值

大小                    font-size                  数字+px

粗细                    font-weight            数字/英文

是否倾斜          font-style          normal/italic

字体系列          font-family

文字颜色          color          英文/#333/rgba()

行高                  line-height        数字/数字+px

文本缩进      text-indent    数字+px/数字+em

水平居中      text-align        left/right/center

文本修饰      text-decoration      一般用none

四、背景相关属性

1.背景颜色

属性名：background-color，值可以写 ：例子：red/#fff/rgba(0,0,0,0)

2.背景图片

属性名：background-image

属性值：ul(加入图片的连接)

3.背景平铺

属性名：background-repeat

属性值：

repeat          默认值，水平和垂直方向都平埔no-repeat    不平铺                                    repeat-x      沿着水平方向平铺              repeat-y      沿着垂直方向平铺