一、块状标签
<div></div>
<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>
<p></p>  paragraph
<br/>
<ol></ol>  ordered lists
<ul></ul> unordered lists
<li></li>  list
<dl></dl>  definition lists
<dt></dt> definition title
<dd></dd>  definition description
<table></table>
<tr></tr>  table row
<th></th>  table header cell
<td></td>  table data cell
<form></form>
二、行内标签
<span></span>
<strong></strong>
<var></var>  variable
<em></em>  emphasis
<a></a>
<img/>
css样式表优先级最高<textarea></textarea>
<select></select>
<option></option>
<input/>
三、备注:
1、div 和span 都是无意义标签。div是布局用的块属性,span 是行内标签是放文字。div是唯一一个可以为空的标签。
2、input是唯一一个可以设宽高的行内标签。img 也可以高宽度,但实际不希望给他标签,为了与程序配合一般都在img标签时写宽高
3、textarea也是可以加宽高的,直接使用css的 width 和 height 属性设置宽高。
4、strong 行内标签是加粗    在seo中讲到优化里用strong 标签是比较友好的
四、css 四种引入方式
1、引入外部CSS文件
<link href="css/index.css" rel="stylesheet" type="text/css" />
2、在head部分加入CSS
在head部分加入 <style type="text/CSS"></style>标签,CSS代码就写在其标签中。
3、在标签内直接写CSS
<div ></div>
4、使用@import引入CSS
在head部分加入 <style type="text/CSS">@import url(my.CSS);</style>
type 是表明文件类型
@import  用来在CSS内部引用其他CSS文件。另外,@important本身是一个CSS命令,是放在CSS文件里的
url  表明外部CSS的连接地址
五、CSS选择器及优先级
1、标签名选择器
标签名选择器是直接拿标签的名字做选择器,这样覆盖性太强建议不要直接使用。
2、id选择器
ID选择器跟类选择器最大的不同就是一个页面内不能出现相同的ID    ID选择器重用性低,尽量少用。
3、class选择器
一个class中可以有多个class名,  class==“a b”。定义class 的方式是前端开发最常用的选择器,可以给不同的标签设置同一个类,从而用一条CSS命令控制几个标签,减少大量代码。
4、后代选择器
当仅仅想对某个对象进行样式指定时,后代选择器就派上了用场。后代选择器实际上是使用多个选择器的组合来到具体的要控制标签      .class  a {}
5、主选择器
组选择器实际上是对CSS的一种简化写法,是把具有有相同CSS样式的不同选择器放在一起,省了很多代码。不同选择器中间用逗号隔开。.class1,.class2 {}
6、