CSS
文章平均质量分 78
betty_grant
这个作者很懒,什么都没留下…
展开
-
CSS布局系列四:网格布局
概念弹性盒子由容器和子元素组成。容器(Flex container):通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。子元素(flex item):容器中的每个单元称为子元素容器中存在两条多轴:主轴(默认水平方向)和侧轴(默认垂直方向)————————————————版权声明:本文为CSDN博主「betty_grant」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csd原创 2021-06-02 11:59:42 · 1396 阅读 · 0 评论 -
CSS布局系列三:flex布局
Flex布局概念弹性盒子由容器和子元素组成。容器(Flex container):通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。子元素(flex item):容器中的每个单元称为子元素容器中存在两条轴:主轴(默认水平方向)和交叉轴(默认垂直方向)设置容器的属性flex-direction:设置容器中元素的排列方式row(默认值):横向布局(主轴水平),起点在左端 row-reverse:横向布局(主轴水平),起点在右端 col原创 2021-01-25 10:05:26 · 2039 阅读 · 0 评论 -
CSS布局系列二:table布局
Table 布局概念元素 display选项 说明 table table/inline-table caption table-caption 表格标题 thead table-header-group tbody table-row-group tfoot table-footer-group tr table-row 表格行 th/td table-cell ...原创 2021-03-05 09:33:18 · 722 阅读 · 2 评论 -
CSS布局系列一:标准、浮动、定位
标准浮动设置浮动floatnone:默认值,表示元素不进行浮动 left:表示元素浮动,并其所在的块容器左侧 right:表示元素浮动,并其所在的块容器右侧 inline-start:表示元素浮动,并其所在的块容器开始一侧 inline-end:表示元素浮动,并其所在的块容器结束一侧清除浮动clearnone:默认值,表示元素不会清除之前的浮动。 left:表示元素被向下移动,用于清除之前的左浮动 right:表示元素被向下移动,用于清除之前的右浮动。 both:原创 2021-12-10 00:10:22 · 917 阅读 · 1 评论