【我要重学CSS世界系列-2】content与替换元素

遵循是什么、为什么、怎么办的原则
1、什么是替换元素

答：界面元素可以分为替换元素和非替换元素。什么是替换元素呢？比如

• <img src="1.jpg"/> 当我们把src的1.jpg换成2.jpg 图片被替换

定义： 这种修改某个属性值呈现内容就会被替换的元素 我们称之为替换元素

⚠️注意：典型的替换元素有

• <img>
• <object>
• <video>
• <iframe>
• <textarea>
• <input>

2、替换元素的特性

1. 内容的外观不受页面上的CSS影响
2. 有自己的尺寸
3. 在很多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

先到这里 本章节未完待续

转载于:https://my.oschina.net/zisuzz/blog/3084446