疑问:根据块和内联元素的特性,为什么一些内联元素有可以设置宽高属性
块元素:
1.总是在新行上开始;此元素将显示为块级元素,此元素前后会带有换行符。
2.高度,行高以及顶和底边距都可控制;
3.宽度缺省是它的容器的100%,除非设定一个宽度。
可以控制宽高。
内联元素:
1、和其他元素都在一行上;
2、高度、行高和顶以及底边距都不可改变;
3、宽度就是它的文字或图片的宽度,不可改变。
不可以控制宽高。
从显示的角度来讲,可以分为块级元素(block-level)和行内元素(inline-level)从元素本身的特点来讲还可以分为替换和不替换元素
1) 替换元素
替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。
例如浏览器会根据标签的src属性的值来读取图片信息并显示出来,而如果查看(X)HTML代码,则看不到图片的实际内容;又例如根据标签的type属性来决定是显示输入框,还是单选按钮等。
(X)HTML中的、、、、都是替换元素。这些元素往往没有实际的内容,即是一个空元素。
浏览器会根据元素的标签类型和属性来显示这些元素。可替换元素也在其显示中生成了框。
2) 不可替换元素
(X)HTML 的大多数元素是不可替换元素,即其内容直接表现给用户端(例如浏览器)