![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML面试
HTML面试相关知识
1oneLee
这个作者很懒,什么都没留下…
展开
-
CSS居中布局
CSS居中布局 水平居中元素: 通用方法,元素的宽高未知 方式一:CSS3 transform .parent { position: relative; } .child { position: absolute; left: 50%; transform: translateX(-50%); } 方式二:Flex 布局 .parent { display: flex; justify-content: center; } 适用于子元素为浮动,绝对定转载 2020-12-28 22:30:02 · 1017 阅读 · 0 评论 -
BFC
一、常见定位方案 在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: 普通流 (normal flow) 在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流中元素的位置由该元素在 HTML 文档中的位置决定。 浮动 (float) 在浮动布局中,元素首先按照普通流的位置出现,然后根据浮动转载 2020-12-28 19:59:42 · 56 阅读 · 1 评论 -
CSS实现0.5px边框
实现 0.5 px的边框一共可以分为两种情况: 1. 单边框 主要有以下方法: border + border-image + linear-gradient <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2020-12-21 23:06:41 · 2247 阅读 · 0 评论 -
css实现三角形
原理:一个高宽相等的正方形,选取你所需要的某一边,截取之,就是一个梯形,当高宽都为0,且其他边为透明颜色时,一个三角形就出来了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&原创 2020-12-17 16:49:41 · 60 阅读 · 0 评论