flex弹性盒模型布局
flex弹性盒模型布局
基本概念:flex布局元素称为Flex容器(flex container),简称容器。他的所有子元素自动称为容器成员,称为Flex项目(flex item),简称项目。
容器属性:
常用属性如下:
flex-direction(主轴方向。默认row)
flex-wrap(项目在容器轴线排不下是否换行。 默认nowrap)
...flex弹性盒模型布局
基本概念:flex布局元素称为Flex容器(flex container),简称容器。他的所有子元素自动称为容器成员,称为Flex项目(flex item),简称项目。
容器属性:
常用属性如下:
flex-direction(主轴方向。默认row)
flex-wrap(项目在容器轴线排不下是否换行。 默认nowrap)
...在详细介绍rem之前,我们先简单阐述下px、em、rem之间的关系!
px为单位
em为单位
box-shadow属性的参数设置取值
阴影类型:此参数可选。如不设值,默认投影方式是外阴影;如取其唯一值“inset”,其投影为内阴影;
X-offset:阴影水平偏移量:其值可以是正负值。如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;
Y-offset:阴影垂直偏移量:其值也可以是正负值。如果为正值,阴影在对象的底部,其值为负值时,阴影在对象的顶部;
...CSS3 圆角(border-radius)
border-radius属性
CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。
比如,下面是一个div方框:
...