css
文章平均质量分 81
努力的黑皮
码农之路,道阻且长
展开
-
CSS之Grid布局
目录结构划分以及组成代码实现规划网格定位格子区域隐形网格效果展示Grid专为布局而生。Flexbox是沿着两条轴排列分布,定义空间的分配。Grid则是把子结点布到网格中,这个网格可以是预设好的几行几列,也可能是自动生成的隐式的网格,总之头脑中始终要有一个“网格”的意象。Grid的规则属性很多,其中不乏一些是shorthands。我们需要先充分理解Grid模型,才能得心应手。在布局上,它绝对是一柄利器。兼容性前面说了,目前PC端上支持还是比较成熟的,移动端上不建议用。结..原创 2022-01-25 11:56:28 · 1630 阅读 · 0 评论 -
CSS布局---两栏布局的四种实现方式
在一些后台管理系统中,两栏布局还是比较常见的,当然两栏布局在面试的时候也是非常常见的,具体怎么实现的呢,我总结了几个能够实现的方法,让我们来看看吧:(一) 通过触发BFC实现基本上我们看到这种并列排排站的布局,可能第一时间就会想到浮动。左浮动排队。不过这里其实一个浮动就行了:具体实现效果如下:html:<div class="box"> <div class="a"></div> <div class="b"><原创 2020-12-07 13:51:56 · 990 阅读 · 0 评论 -
关于margin-top兼容问题
关于margin-top兼容(传递)问题,我相信不少小伙伴在日常生活中经常遇到吧,我先举个栗子吧,这样便于大家理解html代码: <div class="box"> <div class="child"></div> </div>css代码: * { margin: 0; padding: 0; } .box {原创 2020-12-21 16:12:54 · 529 阅读 · 0 评论 -
css基础总结-------这一篇就够了!!
1.html和web网页的组成部分1.1 什么是html? 超文本标记语言1.2 常用标签 文本标题 h1-h6 段落 p 空格 加粗 b strong 倾斜 i em 强制换行 <br/> 水平线 <hr/> 上标 <sup></sup> 下标 <sub></sub> 列表 有序列表 ol li 默认是有一个实心圆 想要改变列表的符号样式 给ol原创 2020-12-19 09:06:00 · 3312 阅读 · 12 评论