[小知识点]常用的内联元素

1、内联元素(inline element),或翻译成行内元素。

是一种基于语义(semantic [sɪˈmæntɪk])的基本元素,用于显示文本,布局上不单独占据一行,

width值为文字或者图片本身的宽度,height、line-height、padding、margin均不可设置。

display:inline属性也可用于解决IE6下浮动产生双倍边距的问题(好久没写代码,不晓得现在还有用IE6的不了- -!)

常用到内联元素有:

a锚点

br换行

img图片

input输入框 

span无具体意义的内联元素 

strong粗体强调 

textarea多行文本框


2、块元素(block element)

与内联元素相对,多用于布局,

每个块元素单独占据浏览器的一行,width、height、inline-height、padding、margin均可设置。

width值缺省即默认为容器本身的宽度。

常用到的块元素有div form ul ol h1 p table等,在HTML中非“内”即“块”。两者转换用display属性。

posted @ 2016-02-22 10:19  不晚不晚  阅读(524)  评论(0编辑  收藏  举报