子选择器用>表示；第一代后代.firstspan{

空格表示所有后代.first span{

子选择器：第一代子元素 加入红色边框

做表格

加超链接

插入图片

设置字体颜色

.

满足定宽和块状两个条件的元素是可以通过设置“左右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 表示设置字体倾斜