CSS第二天学习内容有哪些疑问?

2026-05-17 03:541阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计503个文字,预计阅读时间需要3分钟。

CSS第二天学习内容有哪些疑问?

一、选择器+作用:找标签+>后代+选择所有后代标签+写法:空格+子代+写法:+并集+选择多组标签+写法:|+交集

一丶选择器

作用:找标签

● 后代

○ 选择所有的后代标签

○ 写法 :空格

● 子代

○ 选择儿子标签

○ 写法 :>

● 并集

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

○ 写法 :逗号(,)

● 交集

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

○ 写法 :连着写 没有空格

● 伪类

○ 作用:鼠标悬停状态

○ 写法 : :hover

CSS第二天学习内容有哪些疑问?

二丶背景

● 背景色

○ background-color(bgc)

● 背景图

○ background-image:url()(bgi)

● 背景平铺

○ background-repeat(bgr)

● 背景位置

○ background-position(bgp)

● 背景复合属性

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

三丶显示模式

● 块

○ 特点:

⒈独占一行

⒉设置宽高生效

⒊宽度默认是父级的100%

○ 转换写法:display:block

● 行内

○ 特点:

⒈一行可以显示多个

⒉设置宽高不生效

⒊尺寸和内容一样大

○ 转换写法:display:inline

● 行内块

○ 特点:

⒈一行可以显示多个

⒉设置宽高生效

○ 转换写法:display:inline-block

四丶CSS特性

● 继承性

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

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

● 层叠性

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

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

本文共计503个文字,预计阅读时间需要3分钟。

CSS第二天学习内容有哪些疑问?

一、选择器+作用:找标签+>后代+选择所有后代标签+写法:空格+子代+写法:+并集+选择多组标签+写法:|+交集

一丶选择器

作用:找标签

● 后代

○ 选择所有的后代标签

○ 写法 :空格

● 子代

○ 选择儿子标签

○ 写法 :>

● 并集

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

○ 写法 :逗号(,)

● 交集

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

○ 写法 :连着写 没有空格

● 伪类

○ 作用:鼠标悬停状态

○ 写法 : :hover

CSS第二天学习内容有哪些疑问?

二丶背景

● 背景色

○ background-color(bgc)

● 背景图

○ background-image:url()(bgi)

● 背景平铺

○ background-repeat(bgr)

● 背景位置

○ background-position(bgp)

● 背景复合属性

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

三丶显示模式

● 块

○ 特点:

⒈独占一行

⒉设置宽高生效

⒊宽度默认是父级的100%

○ 转换写法:display:block

● 行内

○ 特点:

⒈一行可以显示多个

⒉设置宽高不生效

⒊尺寸和内容一样大

○ 转换写法:display:inline

● 行内块

○ 特点:

⒈一行可以显示多个

⒉设置宽高生效

○ 转换写法:display:inline-block

四丶CSS特性

● 继承性

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

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

● 层叠性

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

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