![](https://img-blog.csdnimg.cn/6fe69c9deb0b479aafe9ca17dcb32145.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML | CSS
HTML | CSS
Yu-ta
A to i,until I e
展开
-
智能布局( 弹性盒 )
文章目录一、开启弹性盒布局(display)——父容器二、伸缩换行 (flex-wrap)——父容器三、排列方式(flex-direction)——父容器四、伸缩流方向与换行(flex-flow)——父容器五、主轴横向对齐 (justify-content)——父容器六、主轴纵向对齐 (align-content)——父容器七、侧轴对齐(align-items/align-self)——父容器/子...原创 2019-10-27 20:44:57 · 781 阅读 · 0 评论 -
实用样式( loading )
<!doctype html><html><head><meta charset="utf-8"><title>Loading</title> <style> *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } body { background: black; padding-top:80px;} .co原创 2019-10-28 12:42:42 · 269 阅读 · 0 评论 -
栅格布局( 栅格 )
文章目录一、开启栅格布局(display)——父容器二、配置行和列(grid-template-rows/grid-template-columns)——父容器三、配置行和列(grid-template)——父容器四、控制网格项的位置与大小(grid-row/grid-column)——子元素五、网格区域命名(grid-template-areas——父容器&&grid-area——子元素)一、开启栅格布局(display)——父容器栅格布局能将网页分成简单属性的行和列;Grid(网格)原创 2020-07-20 09:19:03 · 10624 阅读 · 0 评论