2023-07-02

2023-07-01  本文已影响0人  JCXQ

一、基础认识

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      沿着垂直方向平铺

上一篇 下一篇

猜你喜欢

热点阅读