常见布局模块实现1-全球通业务布局分析、盒子模型，背景、文本属性
2023-01-13
常见布局方案
常见布局方案
上中下一栏式
左右两栏式
左右两栏加页眉页脚
左中右三栏
左中右三栏之双飞翼
左中右三栏加页眉页脚
2022-10-11
浏览器兼容性
浏览器兼容性
H5标签兼容
元素浮动后，能设置宽度的话就给元素加宽度，如果需要宽度是内容撑开，就给它里面的块元素加上浮动
第一块元素浮动，第二块元素加margin值等于第一块元素，在IE6下会有间隙问题
IE6 下子元素超出父级宽高，
2022-09-22
表单
Form表单<input type="...." name="" value="" />
text 文本框
password 密码
radio 单选
checkbox 复选
submit 提交
reset 重置
b
2022-09-20
表格
表格表格的组成table表格
thead表格头
tbody表格主体
tr 表格行
th 元素定义表头
td 元素定义表格单元
表格样式重置table{border-collapse:collapse;} 单元格间隙合并
th,td {pad
2022-09-20
定位
定位定位的思考相对定位的特征position:relative;
不影响元素本身的特性
不使元素脱离文档流（元素移动之后原始位置被保留）
如果没有定位偏移量，对元素本身没有任何影响
提升层级
绝对定位的特征position:absolu
2022-09-14
浮动
浮动介绍及基本语法float:
left
right
none
inherit
文档流是文档中可显示对象在排列时所占用的位置
浮动的定义使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来
浮动清除clear:
2022-09-13
内联块
inline-blockinline-block特点
块元素能在一行上显示
内联元素支持宽高
没有宽度时由内容撑开宽度
标签之间的换行被解析（问题）
ie6 /7 不支持块属性标签的inline-block
块和内嵌的转换display:
2022-09-11
块元素和内联元素
块元素和内联元素块元素特征
默认独占一行
没有宽度时，默认撑满一行
支持所有css命令
内联元素特征
同排可以继续跟相同类型的标签
内容撑开高度
不支持宽高
不支持上下的margin
代码换行被解析–空格
块和内联的转换display
2022-09-07
选择器
选择器id选择器唯一
<div id="box"></div>
#box {
}
类选择器<div class="box"></div>
.box {
}
可以是多个class加在同一个元素上
2022-09-07