![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css面试题
文章平均质量分 65
css
ukiYee_0514
一个bug看一天。
展开
-
定位position详解
属性用于指定一个在文档中的定位方式。和属性则决定了该元素的最终位置。定位 = 定位模式 (absolute、relative、、fixed,static)+ 边偏移(top、left、bottom、right)原创 2023-07-02 22:08:45 · 86 阅读 · 1 评论 -
浮动float:浮动的工作原理和特性及清除浮动方法
元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止(会挨着父元素左边或右边排列,如果之前有浮动的元素 会挨着浮动的元素排列)。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。浮动的元素虽然会脱离正常的文档流,但它还是会影响到正常文档流中的文字排版。原创 2023-07-02 20:01:50 · 575 阅读 · 1 评论 -
什么是BFC?
BFC(Block formatting context),即块级格式化上下文,它作为 HTML 页面上的一个独立渲染区域,只有区域内元素参与渲染,且不会影响其外部元素。W3C 对 BFC 的定义如下:浮动元素和元素,非块级盒子的块级容器(例如 inline-blocks,table-cells 和 table-captions),以及 overflow 值不为“visiable”的块级盒子,都会为他们的内容创建新的 BFC(块级格式上下文)。- 根元素,即 HTML 元素。原创 2023-07-02 16:55:06 · 66 阅读 · 1 评论 -
css盒模型
盒模型的作用:规定了网页元素如何显示以及元素间的相互关系;原创 2023-07-01 19:50:44 · 46 阅读 · 0 评论 -
css实现水平垂直居中
使用position+margin减去子元素宽高的一半实现。【position+margin:auto 五马分尸】水平居中:height = line-height。垂直居中:text-align:center;原创 2023-06-29 00:53:30 · 35 阅读 · 1 评论