遵循是什么、为什么、怎么办的原则
1、什么是替换元素
答:界面元素可以分为替换元素和非替换元素。什么是替换元素呢?比如
- <img src="1.jpg"/> 当我们把src的1.jpg换成2.jpg 图片被替换
定义: 这种修改某个属性值呈现内容就会被替换的元素 我们称之为替换元素
⚠️注意:典型的替换元素有
- <img>
- <object>
- <video>
- <iframe>
- <textarea>
- <input>
2、替换元素的特性
- 内容的外观不受页面上的CSS影响
- 有自己的尺寸
- 在很多CSS属性上有自己一套的表现规则。
3、替换元素的display值
元素 | Chrome | Firefox | IE |
<img> | inline | inline | inline |
<iframe> | inline | inline | inline |
<video> | inline | inline | inline |
<select> | inline-block | inline-block | inline-block |
<input> | inline-block | inline | inline-block |
range|file <input> | inline-block | inline-block | inline-block |
hideen<input> | none | none | none |
<button> | inline-block | inline-block | inline-block |
<textarea> | inline-block | inline | inline-block |
先到这里 本章节未完待续