定位、层级、表格表单

1、relative:相对定位
特性
a.不影响元素本身的特性
b.不使元素脱离文档流(元素移动之后原始位置会被保留)
c.如果没有定位偏移量,对元素本身没有任何影响
d.提升层级
2、absoluute:绝对定位/定位层级
a.使元素完全脱离文档流
b.使内嵌支持宽高
c.块属性标签内容撑开高度
d.如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移
e.相对定位一般都是配合绝对定位元素使用
f.提升层级
3、Z-index:定位层级
a.定位元素默认后者层级高于前者
b.建议在兄弟标签中使用
4、fixed:固定定位
固定定位的特性与绝对定位的特性基本一致,差别是始终相对整个文档进行定位
5、table表格的组成
table表格
thead表格头
tbody表格主体
tr表格行
th元素定义表头
td元素定义表格单元
表格样式
单元格间隙合并:border-collapse:collapse;
单元合并

属性规定单元格可横跨的列数 属性规定单元格可横跨的行数 6、表单/表单元素 form表单 text文本框 password密码 rodio单选 checkbox复选 submit提交 resent重置 button按钮 image图片 file上传 hidden隐藏 7、label标签为input元素的定义标注 1、 ... 2、 checkbox在页面加载时默认的input元素 3、 disabled:属性规定应该禁用的input元素 4、 select/option下拉选框 (对高度的支持不兼容) 5、 textarea :文本域 各个浏览器下的默认滚动条不兼容 css3新增resize调整尺寸属性

你可能感兴趣的:(定位、层级、表格表单)