-
当我们在使用css display: flex 的时候,浏览器到底发生了什么?
按我想法的话,CSS 网格布局(grid)和弹性布局(Flexbox)应该同时出现才对,这样网页布局方案就变得完整了。事实是,弹性布局先出现,因为使用弹性布局创建类网格(grid-type)系统比使用浮动更加便捷,于是我们便得到了许多基于 Flexbox 的网格系统。实际上,Flexbox 的优势并 2024-08-31 08:33:24 -
CSS布局静态页面时你是否为了line-height属性苦恼过?
line-height 属性概念: 行高指的是文本行的基线之间的距离, 更简单来说行高是指文本行基线间的垂直距离, 行高也是文字大小与行距的和, 行高越大则行间距越大!注意:line-height属性不允许使用负值。但是很多人就只是知道 line-height属性用于设置行高, 而行高到底是一个什么 2024-08-30 10:45:41 -
使用 CSS Grid Generator来快速使用及学习 Grid 布局
CSS Grid GeneratorCSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具,允许咱们创建一个基本的 grid 布局,然后就可以使用生成对应的代码,帮助咱们快速布局。第一次进入是界面是这样子的:CSS Grid 布局示例当我正在学习 2024-08-30 10:03:28 -
38个不可错过的实用前端工具(css layout generator)
1. Small Dev toolsSmall Dev Tools 是一个前端工具网站,包含了很多实用的功能,比如JSON解码器、JSON格式化程序、UTF8编码、Base64编码、Base64解码、CSS格式化程序、CSS压缩器等。官网:https://smalldev.tools/2. Carb 2024-08-30 08:33:18