html标签

body，p，padding标签 默认margin
dotted 点线 dashed（虚线）
strong em加强语气
p段落标签
span文字单独设置样式
q短文引用
blockquote长文引用
br换行
&nbsp；空格
hr横线
address添加地址
code程序代码
pre加入大段代码
ul添加新闻列表
ol
caption标题
targin

mailto 邮件地址
下拉选项
select option

    <select>
      <option value="看书">看书</option>
      <option value="旅游">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
form表单下label标签
   <label for="male">男</label>

在在<select>标签中设置multiple="multiple"  即可多选

CSS三中嵌套模式  标签上直接使用 外部内部使用CSS样式

什么是选择器
body就是选择器body{
    font-size:12px;
    color:red;	
}

选择器又区分为类选择器，标签选择器，id选择器 子选择器 后代选择器 通用选择器 伪选择器 分组选择器

子选择器使用> .food>li  后代选择器 使用空格  通用选择器使用*
选择器
伪a:hover{color:red;}
关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了（其实伪类选择符还有很多，尤其是 css3 中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实 :hover 可以放在任意的标签上，比如说 p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是 a:hover 的组合。

分组选择器使用都好 h1，p

CSS继承  特殊性是权值优先显示 层叠 重要性p{color:red!important;} 

字体引用
body{font-family:"Microsoft Yahei";}

设置字号大小：
body{font-size:12px;color:#666}
设置粗体
p span{font-weight:bold;}
斜体：
p a{font-style:italic;}

下划线：
p a{text-decoration:underline;}

删除线：
 .oldPrice{text-decoration:line-through;}

段落缩进：
p{text-indent:2em;}2em的意思就是文字的2倍大小。

行高：
line-height:2em;

字母间距：
 letter-spacing
 letter-spacing:50px;

段落对其：
text-align:center;

在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。

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

例子：
a{display:block;}  将内联元素强制转换为快元素

内联块 
display:inline-block;   不可以在后面使用p标签 会显示不了