![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 89
该专栏主要放一些css样式类的文章
heiyay
这个作者很懒,什么都没留下…
展开
-
深入了解Flex布局:构建灵活响应式布局的利器
Flex布局是一种CSS布局模型,它的目标是为了解决传统布局方式在构建复杂布局时的限制和不足。Flex布局的优势在于它提供了强大的自适应能力和灵活性,使得开发人员能够更轻松地实现水平居中、垂直居中、等高列布局等复杂布局效果。原创 2023-07-20 19:50:55 · 184 阅读 · 0 评论 -
W3C盒模型与IE盒模型
SS盒子模型:网页设计中CSS技术所使用的一种思维模型。CSS盒子模型组成:外边距(margin)、边框(border)、内边距(padding)、内容(content)。CSS盒子模型分为:标准W3C盒子模型,IE盒子模型,注意在两种模型中宽(width)和高(height)包括属性的不同。W3C模型中:CSS中的宽(width)=内容(content)的宽CSS中的高(height)=内容(content)的高eg:W3C模型则此div的实际大小:div高=height+(pad转载 2020-09-18 15:40:42 · 165 阅读 · 0 评论 -
前端面试中遇到的垂直居中问题
1、flex布局方法:当前div的父级添加flex css样式 display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;2、绝对定位方法:不确定当前div的宽度和高度,采用 transform: tr原创 2020-10-10 21:32:51 · 328 阅读 · 1 评论 -
css清除浮动的方法
浮动导致的后果:(1)由于浮动元素脱离了文档流,所以父元素的高度无法被撑开,影响了与父元素同级的元素(2)与浮动元素同级的非浮动元素会跟随其后,因为浮动元素脱离文档流不占据原来的位置(3)如果该浮动元素不是第一个浮动元素,则该元素之前的元素也需要浮动,否则容易影响页面的结构显示我们要知道:浮动的框可以左右移动,直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流,当元素浮动之后,不会影响块级元素的布局,只会影响内联元素布局。我们来写一个例子来看一下,创建一个父级div,然后下原创 2020-10-10 21:27:33 · 163 阅读 · 0 评论 -
浅谈BFC
BFC(块格式化上下文)是CSS布局中的一个重要概念,用于控制块级盒子的布局和定位。BFC是一个独立的渲染区域,其中的元素按照一定的规则进行布局,与其他区域相互隔离。原创 2023-07-19 17:39:54 · 865 阅读 · 0 评论