CSS
文章平均质量分 70
早上来杯冰美式
气忌盛,新忌满
展开
-
CSS布局
属性将子元素向左移动自身宽度的一半,即可将子元素垂直居中。直接用table标签,tr,td即可,这是标签自带的功能。当父元素没有设置宽度大小限制,display 指定为 flex 时,FlexBox 的宽度会填充父容器,display指定为 inline-flex 时,FlexBox的宽度会包裹子Item。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值。order仅仅对元素的视觉顺序产生作用,并不会影响元素的逻辑或 tab 顺序。原创 2023-04-23 20:52:10 · 29 阅读 · 0 评论 -
实现垂直居中的几个方法
属性将子元素向左移动自身宽度的一半,即可将子元素垂直居中。直接用table标签,tr,td即可,这是标签自带的功能。属性将子元素向上移动自身高度的50%,再使用。可以通过将父元素设置为。,将子元素垂直居中。,将子元素垂直居中。原创 2023-04-23 20:46:10 · 473 阅读 · 1 评论 -
CSS选择器的优先级
使用CSS样式时,可能会存在多个规则应用于同一个元素。为了解决这种冲突,CSS定义了一种优先级规则来确定哪个规则应该优先应用于元素。原创 2023-04-23 23:26:21 · 1653 阅读 · 0 评论 -
CSS 如何清除浮动
将浮动元素的父元素设置为具有一定高度的块级元素,并将其overflow属性设置为hidden或auto。这样,父元素将包含浮动元素,而不会影响其他兄弟元素的布局。可以使用clear属性在浮动元素的下方添加一个空元素,并将clear属性设置为left、right或both,使其不受浮动元素的影响。将浮动元素的父元素设置为相对定位,然后在父元素的最后添加一个伪元素::after,将其清除属性设置为both。属性,可以确保父元素不会受到浮动元素的影响,从而解决高度塌陷的问题。原创 2023-04-24 08:44:44 · 69 阅读 · 0 评论 -
CSS 基础
第一个div的Margin-bottom (下外边距)会和第二个div的margin-top(上外边距)合并。block元素的高度是由内部文档流元素决定的,如果元素脱离文档流,block元素就不会计算它的高度。parent的上边距会和第一个子元素的上边距重合,parent的下边距会和最后一个子元素的下边距重合。CSS2.1是最广泛使用的版本,兼容一切IE,CSS3是最新使用的版本,之后就分模块升级。可以看到虽然都设置了相同的宽度100px,但是实际看到的两种盒模型宽度是不同的。,左右外边距不会合并。原创 2023-04-09 18:42:47 · 59 阅读 · 1 评论 -
CSS 中伪选择器
动态伪类选择器是 CSS 中的一种选择器,用于根据元素的状态来改变元素的样式:active选中活动元素时,应用指定的样式。当链接处于被点击并未松开的状态时,链接文本颜色将变为红色.:hover当鼠标悬停在元素上方时,应用指定的样式。当鼠标悬停在链接上方时,链接文本将带有下划线;:focus当元素获得焦点时,应用指定的样式。当输入框获得焦点时,将不会显示外边框;:visited用于链接,当链接已被访问过时,应用指定的样式。当链接已被访问过时,链接文本颜色将变为灰色;:link。原创 2023-04-29 09:31:37 · 561 阅读 · 0 评论