![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 91
Branlen
大三本科生、前端爱好者
展开
-
图标和字体对齐的几种方法
图标和字体对齐的几种方法原因转述文字图片默认都是以baseline展示的,也称为基线对齐,也就是根据vertical-align属性。如下所示:我们还可以看到图片下面还有一部分空白的高度,此高度是由于字体line-height属性撑出来的,如果没有以下文本元素,自然也不会有以下的空白的高度。但是文字基线不是最低部,而是x的底部。下面的图可以很形象的描述补充一个知识点:X-height属性:指的的是小写字母x的高度,进而引申出一个单位“ex”。 ex是CSS中的一个相对单位,可以应用在图标跟文字原创 2021-07-31 10:16:03 · 3653 阅读 · 0 评论 -
精讲css的浮动与定位
浮动和定位浮动什么是浮动? 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。它可以让任何盒子可以在一行排列,用浮动来布局。 在css中,通过float属性来定义浮动,其基本语法格式如下:选择器 {float:属性值;}属性值描述left元素向左浮动right元素向右浮动none元素不浮动(默认值)浮动的特性脱离标准流,不占位置,浮动只有左右浮动一般只要一浮动就创建一个包含块级的概念,一般要在外边添加一原创 2020-09-23 16:52:36 · 364 阅读 · 0 评论 -
前端面试题---对BFC规范的理解
BFC有点晦涩难懂,建议通过例子进行理解,理解他有什么具体的作用定义BFC 全称为 块格式化上下文 (Block Formatting Context) 。官方定义:一个块格式化上下文(block formatting context) 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。元素变为BFC的条件根元素或其它包含它的元素浮...原创 2020-03-28 21:31:44 · 567 阅读 · 0 评论