html5在网页中的应用,HTML5--应用网页模板

1.-moz-box; 老版本:firefox 19-

2.-webkit-box; 老版本:ios 6-,safari 3.1-3.6

3.-ms-flexbox; 混合版本:IE10

4.-webkit-flex; 新版本:Chrome

5.flex; 标准规范Opera 12.1,Firefox 20+

box-sizing:border-box; 并排放置2个带边框的框

display:block; 让对象成为块级元素

background-color:hsla(220,50%,50%,.9)

1.h: number; 色调 number对应相应的颜色

2.s：0-100%; 饱和度

3.l: 0-100%; 亮度

4.a: 0-1; alpha透明度

padding:10px 10px 10px 10px;

内边距:顺时针 上 右 下 左

margin：10px 10px 10px 10px;

外边距:顺时针 上 右 下 左

flex是flex-growflex-shrinkflex-basis的缩写

1.默认值0 1 auto

2.flex:none;

1.flex-grow:0; 扩展空间

2.flex-shrink:0; 收缩空间

3.flex-basis:auto; 伸缩比率

3.flex:auto;

1.flex-grow:1;

2.flex-shrink:1;

3.flex-basis:auto;

4.flex:1;

1.flex-grow:1;

2.flex-shrink:1;

3.flex-basis:0%;

在伸缩和布局中设置长度和宽度:min-width;min-height;

orient:

horizontal; 水平排列div元素的子元素

vertical； 垂直排列

direction:

normal 伸缩和对象的子元素正常排列

reverse 反向排列

lines:

multiple; 当一横排元素满的时候,换行显示

single; 当一横排元素满的时候,不换行显示

flow: 设置或检索弹性盒模型对象的子元素排列方式

row; x,主轴方向排列

column; y,横轴方向排列

wrap; 换行

nowrap; 不换行

align: 对齐

stretch; 伸展

ordinal-group:规定框中的子元素的显示次序

0; 默认,值越低越靠前

order: 设置或检索弹性盒模型对象的子元素出现顺序

0; 默认,值越低越靠前

注释:

htmlcss /*some*/

javascrip //

python #