【复习贴】复习

[zptcsoft]

一、 HTML基础 （一）文档结构：html文档、CSS文档、其他资源文件 （二）头部标记： 1． 标题： 2． 外部引用CSS： 3． 内嵌CSS:

（三）主体标记 二、 常用元素及属性 （一） 文本控制元素

（二） 图像元素： （三） 超链接元素： （四） 列表元素 1. 无序列表：ul li 2. 有序列表：ol li （五） 结构元素 1. header 2. nav 3. aside 4. footer （六） 容器 1. div 2. span 三、 CSS选择器 （一） 语法规则 选择符{ CSS规则; } （二） 元素选择器 （三） 关系选择器 （四） 伪类选择器 四、 CSS盒子模型 盒子模型尺寸（IE）=边框+内补白+盒子的内容尺寸（边框内） 盒子模型尺寸（W3C）=外补白+边框+内补白+盒子的内容尺寸（边框外） content-box:浏览器对盒模型的解释遵从W3C标准，当定义width和height时，参数值不包括border和padding。 border-box:浏览器对盒模型的解释遵从IE标准，当定义width和height时，参数值包括border和padding inherit:继承父元素box-sizing属性值。 五、 常用CSS属性 （一） 盒子模型相关 border相关（border：宽度、样式（solid、dashed、dotted）、颜色；border-radius：定义圆角边框） border-width：上 右 下 左； padding margin box-shadow background（背景颜色background-color、背景图片background-image、背景图像平铺background-repeat、background-position、background-size） （二） 其他属性 line-height: 40px; letter-spacing: 5px; color: #000; font-size: 16px; outline overflow 六、 浮动与定位 （一） 元素类型与转换 块元素：独自占据一整行或多整行，可以设置宽度、高度等属性。Eg：h p div等 行内元素：span ，特例：img input可以设置长宽 转换：display：inline block inline-block （二） 浮动 float：left right none clear （三） 定位 定位模式: position :static relative absolute fixed 边偏移 七、 表单 （一） 表单创建 表单属性 Input元素、type属性 Lable for问题

姓名

Radio 的name一致问题 （二） CSS控制表单样式 表单的位置问题： 比如居中： position: absolute; left: 0; right: 0; top: 0; bottom: 0; 比如居于一定位置： position: absolute; right: 25%; top: 18%; 表单及元素的样式问题 边框、信息提示、背景等 鼠标交互效果问题 鼠标悬停效果设置、鼠标点击效果设置等 八、 高级应用 过渡效果 transition：property duration timing-function delay;