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标签 会显示不了