div+css

一；页面布局 1， Div 盒子 盒子模型，定义页面布局的一块区域范围

块级标签 与table表格布局：整齐规则，需要行和列组成，布局死板 2， CSS a) 内联样式，行内样式，写在标签内，通过style属性定义样式

b) 内部样式：
写在标签中，需要样式选择器，选择body中的标签
样式选择器类型
A， 通配符选择器，定义页面中的所有标签
*表示所有标签
*{
属性：属性值；
}
B， 标签选择器通过标签来定义所有标签的样式
标签{属性：值}
C;类选择器：通过class定义类名；通过类名定义样式
<标签 class=”类名”>
.类名{属性：值}
Id；选择器：通过id属性定义id名；通过id名定义样式
Id前缀是#
<标签 id=“名字”>

id{属性：属性值 }

分组选择器：同时定义多个选择器

id1,#id2.c1{样式}

注意通过逗号分隔，
派生选择器 指派标签中，需要定义的标签的样式
父级标签 标签
使用派生选择器时要注意添加父级选择器，不然没有效果
伪类选择器：定义样式效果
样式：hover 鼠标悬停，focus 点击获取鼠标的焦点
选择器：效果{
}

d1:hover{}—当鼠标放在#d1标签中

样式重复
优先级：通配符<标签选择器<类选择器