THirty-one HTML+CSS

1、HTML表单标签

　　form：所有表单标签的根标签

　　　　action：提交数据的服务端地址；url地址：http://

　　　　method：请求方式，例如：Get和Post

　　　　enctype：指定提交数据的编码格式

　　　　　　区别：1）get提交数据显示在浏览器地址栏，而post请求不会

　　　　　　　　　　2）post请求的安全性比get高

　　　　　　　　　　3）get请求会缓存，post不会

　　　　　　　　　　4）get请求参数长度有限制，post请求没有长度限制

　　input：输入标签

　　　　type：text、password、radio、checkbox、button、submit、reset、file等等

　　textarea：文本域

　　　　cols

　　　　rows

　　select和option：下拉框

2、事件：

　　事件的三要素：事件源、事件监听器（onxxx）、响应工作（js代码）

3、CSS：层叠样式单，美化网页

　　编写方式：1）在style标签中编写CSS；2）在外部的CSS文件编写；

　　　　　　3）在HTML元素中定义style属性（优先级最高）；

　　选择器：标签选择器、类选择器、id选择器、伪类选择器、通用选择器、交集选择器、并集选择器...

　　CSS样式：

　　　　1）背景样式：

　　　　　　background-color:

　　　　　　background-image:

　　　　　　background-repeat: no-repeat 不平铺

　　　　　　background-position：背景图的位置

　　　　　　background-attachment：fixed 固定背景图

　　　　2）字体和文本样式：

　　　　　　font-size：字体大小

　　　　　　color：颜色

　　　　　　text-indent：文本缩进

　　　　　　text-decoration：修饰文本

　　　　　　text-align：文本对齐方式

　　　　　　text-transform：转换大小写

　　　　3）表格样式：

　　　　　　border-collapse：合并单元格的边框；

　　　　　　border-spacing：设置单元格边框的距离；

　　　　4）边框样式：设置元素边框的宽度、颜色和风格；

　　　　　　border-开头

　　　　5）盒子模型：设置元素的内边距和外边距；

　　　　　　内边距：元素内容与边框的距离；

　　　　　　　　注意：元素实际宽度=元素的width+左右padding

　　　　　　　　　　元素实际高度=元素的height+上下padding

 

　　　　　　外边距：元素边框以外的部分；

　　　　　　　　margin：10px（可以正负）

　　　　6）定位：

　　　　　　相对定位：相对于元素原先位置的定位；

　　　　　　绝对定位：相对于屏幕的位置而言；

　　　　　　固定定位：跟绝对定位一样，但是不会随着屏幕滚动而滚动

　　　　　　　　position：relative|absolute|fixed

　　　　　　　　left：元素左上角的横坐标；

　　　　　　　　top：元素左上角的纵坐标；

　　　　　　浮动定位

　　　　　　　　float：设置向哪个方向浮动；

4、纠错/记忆点：

　　纠错：调整布局应以整个块移动最好（辅以边框先辅助可更容易查清布局）