web标准的组成部分

结构标准（HTML）

表现标准（CSS样式）

行为标准（javascript）

方向英文left和right只控制水平方向或者左右移动

方向英文top和bottom只控制垂直方向或者上下移动；

内边距：padding   拉开内容到盒子边缘的距离；

  外边距： margin    拉开盒子与盒子之间的距离；

边框：border

边框的宽度：border-width:3px;

边框的样式：border-style:solid;   

取值：solid实线   dashed虚线   dotted点线

边框的颜色： border-color:red;

text-align: center; 是让父级盒子里面的文本、行内元素（span/a/em）、行内块元素(img/input)水平居中显示;

margin:auto;  只让块元素水平居中显示;

left，right，center，top，bottom

方向英文left和right只控制水平方向或者左右移动

方向英文top和bottom只控制垂直方向或者上下移动；

文字的粗细设置font-weight

加粗：font-weight:bold;       font-weight:700;   

不加粗：font-weight:normal;    font-weight:400;

文字居中设置text-align

text-align有三个取值left、center、right, text-align只控制盒子里面的内容的对齐；

文本居中：text-align:center;

文本的行高设置line-height

line-height取值为数字，可以设置文字行与行之间的距离；

line-height:30px;   表示行高30px

文本的首行缩进 text-indent

text-indent首航缩进，取值为具体的像素值或者直接em，1em等于一个字的大小；

将元素转化为块级元素：display:block;

将元素转化为行内元素：display:inline;

将元素转化为行内块元素：display:inline-block;

web标准的组成部分

结构标准（HTML）

表现标准（CSS样式）

行为标准（javascript）

方向英文left和right只控制水平方向或者左右移动

方向英文top和bottom只控制垂直方向或者上下移动；

内边距：padding   拉开内容到盒子边缘的距离；

  外边距： margin    拉开盒子与盒子之间的距离；

边框：border

边框的宽度：border-width:3px;

边框的样式：border-style:solid;   

取值：solid实线   dashed虚线   dotted点线

边框的颜色： border-color:red;

text-align: center; 是让父级盒子里面的文本、行内元素（span/a/em）、行内块元素(img/input)水平居中显示;

margin:auto;  只让块元素水平居中显示;

left，right，center，top，bottom

方向英文left和right只控制水平方向或者左右移动

方向英文top和bottom只控制垂直方向或者上下移动；

文字的粗细设置font-weight

加粗：font-weight:bold;       font-weight:700;   

不加粗：font-weight:normal;    font-weight:400;

文字居中设置text-align

text-align有三个取值left、center、right, text-align只控制盒子里面的内容的对齐；

文本居中：text-align:center;

文本的行高设置line-height

line-height取值为数字，可以设置文字行与行之间的距离；

line-height:30px;   表示行高30px

文本的首行缩进 text-indent

text-indent首航缩进，取值为具体的像素值或者直接em，1em等于一个字的大小；

将元素转化为块级元素：display:block;

将元素转化为行内元素：display:inline;

将元素转化为行内块元素：display:inline-block;