![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS面试
主要写一写关于面试的博客
1oneLee
这个作者很懒,什么都没留下…
展开
-
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定位之【BFC】
CSS定位之【BFC】 首先复习一下CSS的几种定位方式 普通流:由上至下,行内元素和块级元素按照自己的摆放规则水平或竖直排布, 浮动流:在普通流的基础上浮动偏移,一般是左右浮动 绝对定位流:整体脱离普通流,元素不占原来位置 ????而BFC属于普通流 初识BFC 块格式化上下文,是Web页面可视化渲染CSS的一部分, 是布局过程中生成块级盒子的区域。也是浮动元素与其他元素的交互限定区域。 我们可以把具有BFC的盒子看做一个隔离的独立容器,它改变内部的渲染方式,不会影响外面的布局。 如何触发BFC原创 2020-12-21 13:55:22 · 151 阅读 · 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 评论