css html 基础 培训 盒子模型 定位模型.ppt

HTML基础介绍HTML简介Xhtml简介Html、xhtml的区别：Xhtml的DTD文档定义HTML的结构块状元素内联元素HTML基础介绍CSS简介CSS选择符CSS选择符CSS选择符CSS选择符CSS选择符CSS选择符CSS选择符6个级别：
1：！important
2：style属性
3：id选择符
4：类、属性或伪类选择符
5：元素选择符
6：只有一个通配选择符*
原则：
1：越具体到某一个元素的样式，优先级别越高。
2：同一个级别的，以其高级别的选择符个数多少来判断
如：#00*.c100*.c10{}高于#00*.c100divpspan{}以为前者的类选择符多。
3：按照样式所处的位置判断（用于当前两条无法判断时）：
<style>中
<style>中的@import
<Link>
<link>的文件中的@import
4：后面的覆盖前面的。

附加：css的样式会覆盖html中属性的样式，如<imgwidth=”100px”>会被style=”width:200xp;”覆盖HTML基础介绍盒子模型盒子模型六种盒子呈现方式内联盒子块状盒子内联块状盒子表格盒模型绝对定位盒子模型绝对定位盒子模型浮动盒模型HTML基础介绍定位模型PositionHTML基础介绍表格的解析方式Fixed表格布局Auto表格布局HTML基础介绍附加附加附加