CSS第二天

Posted 2022-04-02 学习ing...

一丶选择器

作用：找标签

●  后代

○  选择所有的后代标签

○  写法 ：空格

●  子代

○  选择儿子标签

○  写法 ：>

●  并集

○  选中多组标签设置相同样式

○  写法 ：逗号（，）

 

●  交集

○  既是选中某个标签又是选中对应的类

○  写法 ：连着写 没有空格

●  伪类

○  作用:鼠标悬停状态

○  写法 ： ：hover

二丶背景

●  背景色

○  background-color（bgc)

●  背景图

○  background-image：url（）（bgi)

●  背景平铺

○  background-repeat（bgr)

●  背景位置

○  background-position（bgp)

●  背景复合属性

○  background：背景色 背景图 背景图平铺 背景图位置

三丶显示模式

●  块

  ○    特点：

⒈独占一行

⒉设置宽高生效

⒊宽度默认是父级的100%

  ○   转换写法：display：block

●  行内

  ○    特点：

⒈一行可以显示多个

⒉设置宽高不生效

⒊尺寸和内容一样大

  ○   转换写法：display：inline

●  行内块

  ○    特点：

⒈一行可以显示多个

⒉设置宽高生效

  ○   转换写法：display：inline-block

四丶CSS特性

●  继承性

 ○   文字控制属性都能继承，不是控制文字的都不能继承

 ○   自己有相关的属性则执行自己的，不执行继承

 

●  层叠性

 ○   前面的属性被后面的覆盖

 ○   多个选择器的不同属性累加生效