
CSS
CSS,less,sass
大号密码忘了
一枚非常普通的计算机2020级大学生
展开
-
伪类与伪元素的区别
伪类类似于CSS类选择器,其实还是选择了某个元素,用于改变该元素的样式,通常是元素处于某种状态时(滑动、点击等)为其添加对应的样式。插入的位置是 父元素内部的最前面或者最后面,插入的元素是行内元素,宽高不起作用,想设置宽高需要先display转一下。用于已有元素处于某种状态时(滑动、点击等)为其添加对应的样式,这个状态是根据用户行为而动态变化的。概念:在指定元素的前面或后面插入内容,新增的内容在原代码中的DOM结构中是不存在的。::before 和 ::after 必须有 content 属性。...原创 2022-08-14 18:32:16 · 312 阅读 · 0 评论 -
CSS BFC介绍
可以使俩个发生margin重叠的元素中的其中一个触发BFC,以解决俩个元素外边距塌陷的问题。是一个完全独立的空间(布局环境),让空间里的子元素不会影响到外面的布局。可以通过让父元素触发BFC使父元素依然可以自动计算高度。给元素设置浮动后,该元素拖标,会影响其后面的元素布局。可以使浮动的元素触发BFC,清除掉浮动对布局的影响。BFC名为 "块级格式化上下文",简单来说就是,的两个相邻的标签外边距也会发生重叠。...原创 2022-08-14 18:08:10 · 372 阅读 · 0 评论 -
CSS标准盒模型和怪异盒模型区别
3.当怪异盒模型的宽高确认时,给怪异盒模型添加内边距和边框,怪异盒模型的宽高不会改变,而是通过向内压缩,挤压 content 内容的宽高实现。即外边距,边框,内边距,内容。2.怪异盒模型在计算宽高时包含 conntent 内容、padding内边距、border边框的宽高。2.标准盒模型在计算宽高的时候只计算 content 内容的宽高,不包含内外边距以及边框的宽高。3.当标准盒模型的宽高确认时,增加内外边距和边框会撑大原盒子。表示IE盒模型(怪异盒模型)表示标准盒模型(默认值)...原创 2022-08-14 16:29:36 · 1518 阅读 · 0 评论