一、页面布局常用标签：

1.单标签

图片标签

2.双标签

<div></div>  无意义块状元素标签
span  无意义行内元素标签（可以用于给文本加样式，在css里面找span即可）
p  段落标签
ul  无序列表
li  列表项
a  超链接标签
i  斜体标签
b  粗体标签

ul 无序列表 和 li 列表项 常一起用，作为顶部导航栏的下拉框

li里面加a，a里面常加img和span

i常作为小图标

二、页面布局常用的选择器：css选择器：# 属性att 属性取值val

id选择器：#id

类选择器：.class

关系选择器：div p ，div>p，div,p

伪类选择器：hover

结构性伪类选择器：E：after，E：before，E：nth-child( )，E：first-child，E：last-child

三、页面布局常用属性：

字体属性：font-size

文本属性：text-decoration，text-align

首行缩进：text-indent

行高：line-height

宽高属性：width，height，min-height，max-height

背景属性：background

列表属性：list-style

字体颜色：color

四、页面布局应用属性：

1.定位属性：position

2.布局属性：display

3.浮动属性：float，clear

因为div是块状属性，具有独占一行、纵向排列的特点，要浮动才可以横向排列

对比：而span是行内元素，没有宽高属性，并且不会独占一行，不需要float属性

4.盒子模型：corder，margin，padding

盒子和盒子之间有空隙

5.圆角边框：border-radius

6.阴影：text-shadow，box-shadow