[TOC] # html标签分类 ## 块元素 div,h1-h6,dl, table,p,li,ol,li... **特点** * 独占一行 * 可以设置宽高 * 宽度是父集元素的宽度(嵌套关系) ## 行内元素 a,span,i,strong,em.... **特点:** * 所有的行内元素在一行上显示 * 不能设置宽高,但是水平方向的padding和margin可以设置,垂直方向无效 * 宽度就是元素内容宽度 * 只能容纳文本或者其他行内元素(a特殊) **注意:** 1. 只有文字才能组成段落,因此p里面不能再放块元素,同理还有h1,h2,dt,他们都是文字类块级标签,里面不能放其他块级元素 2. 链接里不能再放其他链接 ## 行内块元素 img,input,td,span,a,u,b,i,strong **特点:** * 能设置宽高,行高以及内外边距 * 在一行上显示 * 和相邻行内元素在一行,但是之间会有空白间隙 * 默认宽度就是本身内容的宽度 ## 元素之间的相互转换 ~~~ display:block; 转换成块元素 display:inline; 转换为行内元素 display:inline-block; 转换为行内块 ~~~  # 链接 ~~~ a:link{} a{} 链接未访问的状态 a:visited{} 链接访问之后的状态 a:hover{} 鼠标放上去显示的状态 A:active{} 链接激活的状态 :focus{} 获取焦点的方式 ~~~