CSS学习(三大特性 盒子模型)

目录

Emmet语法

1.快速生成HTML结构语法

2.快速生成CSS样式语法

CSS的复合选择器

后代选择器

子选择器

并集选择器

伪类选择器

链接伪类选择器

focus伪类选择器

CSS的三大特性

层叠性

继承性

优先级

CSS盒子模型

组成

边框

边框

内边距

外边距

块级盒子水平居中

行内元素和行内块元素水平居中

嵌套块元素垂直外边距的塌陷

清除内外边距


Emmet语法

1.快速生成HTML结构语法

2.快速生成CSS样式语法

CSS的复合选择器

在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。

●复合选择器可以更准确、更高效的选择目标元素(标签)

●复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的

·常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等

后代选择器

子选择器

并集选择器

伪类选择器

链接伪类选择器

focus伪类选择器

CSS的三大特性

层叠性

相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层要性主要解决样式冲突的问题

继承性

优先级

当同一个元素指定多个选择器,就会有优先级的产生。

选择器相同,则执行层叠性

选择器不同,则根据选择器权重执行

CSS盒子模型

组成

边框

复合写法:

边框

内边距

如果盒子本身没有指定width和height,则不会撑开盒子

外边距

块级盒子水平居中

行内元素和行内块元素水平居中

嵌套块元素垂直外边距的塌陷

清除内外边距

这次课看得比较水

截图自黑马pink

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值