HTML基础(3)

时间:2022-03-10 10:16:13

1.块元素和内嵌元素(block\inline)

  块的特征:

      独占一行

      不设定宽度,宽度将撑满整行

      能设置所有样式

  内嵌的特征:

      默认同行可以继续跟同类型标签

      内容撑开宽度

      不支持宽高

      不支持上下的margin和padding

      空格或换行时,会出现空格,并且间隙不兼容(解决方案:给全局设置:font-size、font-family)

  块标签:div,h1-h6,p,ul,ol,li,dl,dd,dt

  内嵌标签:span,a,strong,em

2.特殊的inline-block标签

  img

  inline-block的特点和问题

      使块元素在一行显示

      使内嵌支持宽高

      换行被解析了

      不设置宽度的时候宽度由内容撑开

      在IE6,7下不支持块标签,但也支持内嵌标签

3.cursor指针样式(规定要显示的光标的类型)

  cursor:pointer | text | move ……

   cursor:url(hand.cur),pointer;

4.前端规范:

   1)所有书写均在英文半角状态下的小写;

  2)id,class必须以字母开头;

  3)所有标签必须闭合;

  4)html标签用tab键缩进;

  5)属性值必须带引号;

  6)<!-- html注释 -->

  7)/* css注释 */

  8)ul,li/ol,li/dl,dt,dd拥有父子级关系的标签;

  9)p,dt,h标签 里面不能嵌套块属性标签;

  10)a标签不能嵌套a;

  11)内联元素不能嵌套块;