- 博客(2)
- 收藏
- 关注
RSS订阅原创 关于Web开发中Flex布局的初步探索与简单案例
早期的网页中，人们常使用float布局实现简单的图片文段并排放置布局的效果。随着CSS发展，相较于原始且功能单一的float布局，flex布局（弹性布局）显然在实际应用场景中更加灵活方便，并且不具有浮动布局脱标的副作用特性，因而逐渐取代了浮动布局。Flex布局的组成部分有：①弹性容器；②弹性盒子（子元素）；③主轴（默认水平）；④侧轴（默认与主轴垂直）；弹性盒子在flex容器中，默认可自动挤压或拉伸，沿主轴在一行显示，主轴方向靠内容撑开，侧轴默认拉伸；
2024-11-26 12:49:52
1032
原创 关于CSS中浮动标签的简单了解与运用
ul列表嵌套于右侧div块中，设置float:left属性使8个li逐行水平排列。浮动标签float的基本用途用于让块元素实现水平排列，实现类似行内块特点的效果。可以看出，其中有两个盒子没有如预期分布在右侧紫色位置，而是掉到背景下方。因此我们可以得出一个小结论：如果父级的宽度不够，浮动的盒子会掉下来。使用全局选择器*消除默认边距效果，并消除li标签的默认圆点效果。浮动标签的样式具有三大特点：①元素顶对齐；这里通过nth-child（4n)标签选择上第四个和第八个盒子，并设置右边距为0；
2024-11-18 22:35:15
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人