CSS

本文深入探讨CSS中的margin属性、层叠与继承性原理、标准流的概念、浮动及其对页面布局的影响,包括如何解决浮动引起的高度塌陷问题,以及清除浮动的多种方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

margin :中margin:0 auto; 能使元素居中;

css的折叠问题

1.继承性

2.层叠性

选择器的一种选择能力, 谁权重大就选谁

A选不中,走继承性, 继承权重为0.  

    1)有多个父级就走就近原则

选中

    1)权重的问题,谁权重大就选谁,

     2)权重一样,这就走就近原则 

     3)纯标签选择器和类选择器没有可比性, 纯类选择器 和 id选择器没有可比性

  标准流

   浏览器的排版是根据元素的特征(块和行),从上往下,从左到右排版这就是标准流

浮动:float:left   float:right

效果:元素都加浮动,后面的元素都会紧跟着前面的元素排列, 只要加了浮动就会脱离标准流。

第一个加浮动,脱离了标准流,那么浏览器会将第二个元素变成标准流里的第一个元素。

浮动的元素都会紧贴在一起

浮动的元素紧紧环绕

脱离标准流的方法有

 1.设置浮动

设置定位: 绝对定位:position:padding

                   固定定位:position:fixed

浮动带来的坏处

  1.给元素加了浮动,会撑不起高度

清除浮动

给浮动的元素添加高度

给父级添加  overflow:hidden

给浮动的元素后面添加一个空div 添加样式为clear:both

伪元素和伪类选择器的区别

伪元素有两个冒号  如 :p::after

为选择器有一个冒号  如  : p:hover

visibility:hidden 和display:none

visibility:hidden 隐藏了还会占空间   display:none  隐藏之后不会占空间

转载于:https://www.cnblogs.com/zlxl/p/9657248.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值