满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。我们来看个例子就是设置 div 这个块状元素水平居中：

如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。

ol-li代表有序列表

ul-li是没有前后顺序的信息列表

 代表一个空格

1、流动模型（Flow）
2、浮动模型 (Float)
3、层模型（Layer）

常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：
<img>、<input>

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

a标签有的target属性，代表打开网页的方式。可选值为”_self和_blank”，默认值为_self，代表在当前页面打开链接，_blank代表在新窗口打开链接。

<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

使用<ol><li>标签实现有序列表

使用<ul><li>标签实现无序列表

<hr/>水平线标签（空）

 空格

内联元素a转换为块状元素

a{

   display:block;

    }

设置字间距

letter-spacing：字间距，如果是英文的话是字母与字母之间的间距

如果设置英文使得单词与单词之间的间距的话：

word-spacing：

text-decoration：overline/underline/line-through

text-indent:2em 缩进

font-style：italic/oblique 表示设置字体倾斜

p:hover{}伪类选择符 鼠标滑过时候给对应标签添加的样式

.class>li   表示子选择器

.class li 表示后代选择器

子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

<link href="a.css" rel="stylesheet" type="text/css"/>固定写法 不可改变

<input type="radio/checkbox">

<textarea rows="行数" cols=“列数”></textarea>

<input type="text/password/number/button/email"

<form method="数据传输方式 get/post" action="save.php"></form>

用来实现浏览器输入的数据传送到后端

<table>定义表格

<tr>表示行

<td>表示列

<th>表示表头

<caption>是表格的标题