css
Dy_web
这个作者很懒,什么都没留下…
展开
-
Css flex
flex-direction属性决定主轴的方向(即项目的排列方向)。 flex-direction: row | row-reverse | column | column-reverse; row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。 flex-wrap属性定义,如果一条轴线排不下,如何换行。 flex-wrap: nowrap | wra原创 2020-06-27 13:13:01 · 65 阅读 · 0 评论 -
Css Grid 网格布局
Gird/Flex 同:指定容器内部的多个项目的位置 异: Flex是轴线布局 只能指定‘项目’针对轴线的位置(一维布局) Grid将容器分成‘行’和‘列’,产生单元格, 指定‘项目所在’的单元格(二维布局) ...原创 2020-06-22 12:53:59 · 108 阅读 · 1 评论 -
css3基本用法
//阴影 box-shadow:x偏移 y偏移 模糊程度 颜色; //渐变 linear-gradient radial-gradient background-image: linear-gradient(to 方向,颜色 占比,颜色占比); //由上到下颜色渐变 (默认) background-image: linear-gradient(red,blue); //自定义方向渐变 background-image:linear-gradient(to left,red 60%,blue); backg原创 2020-06-11 19:07:01 · 125 阅读 · 0 评论 -
Css//box-sizing
//[内容区=width]+padding+border=实际div box-sizing: content-box; //内容区+padding+border=实际div=width box-sizing: border-box;原创 2020-06-10 15:13:48 · 68 阅读 · 0 评论