一：html常规样式

div:盒子标签，独占一行，用来搭建页面结构

ul>li；无序列表标签，独占一行，默认小黑点修饰，通常取消小黑点

ol>li:有序列表标签，独占一行，默认阿拉伯数字排序，通常取消默认排序方式

dd>dt*dd:自定义列表排序，独占一行

css创建方式：

方式一：外部样式 1：创建一个独立的html文件，后缀为.html

2：创建一个独立的css文件，后缀为.css

3：关联在html页面中的head标签里添加

常见的选择器：

三大基础选择器： id选择器： <标签 id="name"></标签>

#name{} 【注】 在同一个页面中相同的id值只有一个，不能多次出现在同一个id中只有一个值,具有唯一性

class选择器： <标签 class="name"></标签> .name{} 【注】 在同一个页面相同的class值可以多次出现在同一个class中可以有多个值,具有重用性

类型选择器{标签选择器} div{} p{} h1{} ... 标签{}

后代选择器：

选择器1

选择器2

选择器3{}

选中1里面的2里面的3，最终选中的是指定位置的3

二：定位

定位：改变元素位置

定位属性：position

坐标定位：left right top bottom

定位值： relative 相对定位

    1.占据文档流
    2.参考自身加载到页面中的初始位置
    3.能改变坐标属性

absolute：

   1：脱离文档流
   2：参考浏览器窗口或者参考最近的有定位的父元素（默认定位除外）
   3：能改变坐标属性
 

fixed 固定定位

   1：脱离文档流
   2：参考浏览器窗口的可使区域
   3：能改变坐标属性

static 默认定位

   1：添加与不添加对元素没有任何影响
   2.不能改变坐标属性

sticky 粘贴定位

  1：结合了相对定位和固定定位的特征

包含块：

  1：嵌套结构
  2：父元素使用position：relative；