常见布局模块实现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
内联块
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
标签样式初始化
标签样式初始化css reset 原则：
但凡是浏览器默认的样式，都不要使用。
因为每个浏览器下标签的默认样式可能会出现不一致的情况。
人为的将所有样式全部统一（清除），再根据实际情况（设计稿）统一设置。
哪些样式是需要重置的
与盒模型
2022-09-06
常用标签
HTML常用标签span标签span 区分样式
header 页眉主要用于页面的头部信息，也可用于板块头部
nav 导航包含链接的一个列表
footer 页脚页面的底部或者版本底部
section 页面上的版块用于划分页面上不同的区域，或者
2022-09-05
7-HTML 初体验---a标签
a标签超链接<a href="http://www.baidu.com">这是百度的超链接</a>
链接
下载
锚点
伪类是什么给元素添加特殊的效果
：link 未访问过的效果，默认的
：visited
2022-09-03