20181228表单

form：与后台交互

action：后台提交的数据接口地址（）
method（方法）：get post
1.get安全性较弱。post较好
2.get显示在地址栏并用&连接多个数据，但传输数据量小。post传输数据量大
enctyp： multiple（需要选择多个文件上传时使用）
表单元素：
    input：
        type：text、submit、file、radio（默认选择：checked）、checkbox、reset（重置）
        属性：accept：规定文件上传类型
            写法：imgage/*

text 文本框

1. autofocus：自动获取焦点
2. required：如果不填不可提交
3. placeholder：默认提示文字

textarea 多行文本框

disabled：禁用 （下拉列表中不可选）
readonly：只读 不可修改 数据可以提交给后台

    <input type="text" readonly="readonly" value="56645" />

    使用嵌套，增加用户体验（点文字就可以选择。一般写法）：
                <label><input type="radio" name="gender"/>第四性别</label>

绝对位置&相对位置

/开始 是绝对路径
./开始 是相对路径 当层文件夹
../ 上一层文件夹

垂直居中

垂直居中与行高有关
用于图片与文字的对齐（父级 文字 图片都要加vertical-align）
vertical-align:middle;

改变光标手势：cursor

block&inline

块级元素block（会另起一行显示）：<tr>,<td>,<ol>,<ul>,<p>,<audio>,<hr>..

注意：可以设置宽高，margin，padding

行内元素inline（在同行显示）：<a>,<b>,<img>,<buttom>,<i>,<inpit>,<label>,<select>,<sub>,<sub>,<textarea>,<video>...

注意：不可以设置宽高，只能设置margin左右，可以设置padding，但上下方向不占位置

h5新增标签

header,nav,section,aside,article,footer,canvas

h5废弃标签

font,center,tt,big,bigfont,frame

css

css的引入方式：行内样式，页面引用，外部样式表引用，@import

盒子模型：（w3c盒子）

包含（由内向外）：content border padding margin
真实宽度：border+padding+content

margin的参数：

如果有4个值：上右下左（逆时针）
如果有3个值：上，左右，下
如果有2个值：上下，左右
如果有1个值：上右下左