杭州前端外包

欢迎访问css3最新发布

flex弹性盒模型布局

flex弹性盒模型布局

基本概念:flex布局元素称为Flex容器(flex container),简称容器。他的所有子元素自动称为容器成员,称为Flex项目(flex item),简称项目。

容器属性:

常用属性如下:

flex-direction(主轴方向。默认row)

flex-wrap(项目在容器轴线排不下是否换行。 默认nowrap)

...

CSS3阴影 box-shadow的使用和技巧总结

box-shadow属性的参数设置取值


阴影类型:此参数可选。如不设值,默认投影方式是外阴影;如取其唯一值“inset”,其投影为内阴影;


X-offset:阴影水平偏移量:其值可以是正负值。如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;


Y-offset:阴影垂直偏移量:其值也可以是正负值。如果为正值,阴影在对象的底部,其值为负值时,阴影在对象的顶部;

...

CSS3 圆角(border-radius)

CSS3 圆角(border-radius)

border-radius属性

CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。

比如,下面是一个div方框:

...