1-01H5代码

html代码集

font【文字】

font-size：1px			文字大小
color：red 				文字颜色
font-family：“字体”	   文字字体
font-weight：bold		文字加粗
font-style：italic		文字倾斜

text【文本】

text-align：left/center/right   	居中对齐/左右对齐
text-align：justity				两端对齐
text-decoration:overline		上划线
text-decoration:line-through	中划线
text-decoration:underline		下划线
text-indent:1px/10%     		首行缩进
text-shadow：（x y size color)   文字阴影	
line-height:1px/10%				行高
word-spacing：1px/10%			字间距
vertical-align:sub				 垂直方向对齐下标
vertical-align:sup				 垂直方向对齐上标
vertical-align:top				 垂直方向对齐最高元素
vertical-align:bottom			 垂直方向对齐最低元素
vertical-align:text-top			 垂直方向对齐与副高对齐
vertical-align:middle			 垂直方向对齐放在父元素中部

border【边框】

border-width：1px；			边框宽度
border-color：red；			边框颜色
border-style：solid；			实线
border-style：bouble；		双线
border-style：dashed；		虚线
border-style：botted；		点状
border-radius：50% 			 圆角
outline-width/color/style	  外边框，不占据空间

box【盒子】

box-sizing:content-box			内容盒子
box-sizing:border-box			边框盒子
box-shadow：（x y size color)	   盒子阴影

img【图片】

src="路径"
alt="图片说明文字"
tittle="鼠标悬停时提示文字"

a【超链接】

href:"路径"
title="鼠标悬停时提示文字"
target="_blank"			在新窗口打开

background【背景】

background-image:url();			插入背景图片
background-repeat:no-repeat		显示一张图
background-repeat:repeat-x		横向平铺
background-repeat:repeat-y		纵向平铺
background-position：x，y		   横纵坐标定位
background-position：top/center/bottom/left/right	上中下/左中右
background-attachment：scroll；  默认滚动
background-attachment：fixed		固定

from【表单】

1.属性

name 属性：	规定表单的名称，name属性提供了一种在脚本中引用表单的方法 
action属性：	规定当提交表单时，向何处发送表单数据。
method属性：	规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）	

2.文本框

<input type="text">

value：			设定值
placeholder：	定义框内提示文字
maxlength：		最大字符
size：			字段宽度

3.密码框

<input type="password">

value"按钮内容">  设定值
placeholder		 定义框内提示文字

4.提交按钮

<input type="submit">

5.按钮

<input type="button">

6.重置按钮

<input type="reset" >

7.文本域

<input type="textarea">
cols：	规定文本区域内可见的宽度
rows:	规定文本区域内可见的行数

position【定位】

position:relative      相对定位，不脱离文档流，最佳包含块
position：absolute		绝对定位，脱离文档流，
position：fixed			固定定位，脱离文档流
position：sticky			粘性定位
z-index：1				层叠序列

overflow【溢出显示】

overflow：visibile			默认溢出显示
overflow：hodden				溢出隐藏
overflow：scroll				总是显示滚动条
overflow：auto				若移除则显示滚动条

transform【旋转】

transform：translate(x,y)	2D旋转
transform：translate(x,y,z)	3D旋转