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>是表格的标题

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

<img src="图片地址" target="_self或者_blank" tittle="鼠标滑过的提示文本"  alt="下载失败时候的替换文本"/>

<br/>换行

<hr/>水平分割线

都是空标签 只有一个标签，不成对出现

<header>定义头部

<footer>定义底部

<section>定义区域

<aside>定义侧边栏