前端学习第四天

本文详细介绍了CSS中的复合选择器、层叠原理、优先级规则、背景属性控制以及不同元素的显示模式,同时提供了实际案例,帮助读者理解和掌握CSS的基础应用。

目录

一、复合选择器

1.后代选择器

2.子代选择器

3.并集选择器

4.交集选择器

 5.伪类选择器

1.伪类-超链接(拓展)

二、CSS特性

1.继承性

2.层叠性

 3.优先级

1.优先级-叠加计算规则

2.emmet写法 

三、背景属性

1.背景图

​编辑2.背景图平铺方式

3.背景图位置

4.背景图缩放

5.背景图固定

6.背景复合属性

四、显示模式

1.块级元素

2.行内元素

3.行内块 

4.转换显示模式

五、综合案例

1.热词

2.banner效果​编辑


一、复合选择器

1.后代选择器

2.子代选择器

3.并集选择器

4.交集选择器

 5.伪类选择器

1.伪类-超链接(拓展)

二、CSS特性

1.继承性

  •  body放在style中

2.层叠性

 3.优先级

 

  • 属性+ !important+;(最高优先级)

1.优先级-叠加计算规则

2.emmet写法 

  •  div带类名直接 .类名

三、背景属性

1.背景图

2.背景图平铺方式

3.背景图位置

4.背景图缩放

5.背景图固定

6.背景复合属性

四、显示模式

1.块级元素

2.行内元素

3.行内块 

4.转换显示模式

五、综合案例

1.热词

2.banner效果

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值