使用position:absolute 属性设置绝对定位

实例代码：

使用position:fixed 属性设置固定定位

position: fixed; 的元素是相对于视口定位的，这意味着即使滚动页面，它也始终位于同一位置。 top、right、bottom 和 left 属性用于定位此元素。

固定定位的元素不会在页面中通常应放置的位置上留出空隙。

实例代码；

使用position:static 属性设置静态定位

HTML 元素默认情况下的定位方式为 static（静态）。

静态定位的元素不受 top、bottom、left 和 right 属性的影响。

position: static; 的元素不会以任何特殊方式定位；它始终根据页面的正常流进行定位：

实例代码：

position: relative;

position: relative; 的元素相对于其正常位置进行定位。

设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。

实例代码：

使用 width、max-width 和 margin: auto 设置元素的宽度

实例代码：

使用 display:none 和visibility:hidden 属性隐藏元素

实例代码：

将<a>元素显示为块元素

实例代码：

使用display:block属性改内行元素为块级元素

实例代码：

使用display 属性规定布局元素是否显示，其值有：inline  显示，none 不显示。

实例代码：

使用 overflow-x:auto容器制作响应式表格

实例代码:

border 属性设置表格边框

实例代码：

使用border-collapse 属性设置合并表格边框

实例代码；

width属性设置全表格边框

实例代码；

知识点：

 border-collapse:collapse;/*合并边框线*/

使用背景颜色和内边、外边距来设置列表样式

实例代码；

list-style 简写属性设置列表样式

实例代码：

list-style-type:none 属性也可以用于删除标记/项目符号

实例代码：

list-style-position 属性指定列表项标记位置

实例代码：

list-style-image 属性将图像指定为列表项标记

实例代码：

list-style-type 属性指定列表项标记的类型

实例代码；