盒子的display屬性
通過設置元素的display屬性,可以改變某個元素本來的元素類型,或者把某個元素隱藏起來。這個屬性在實際網頁設計中用的非常頻繁,而且發揮巨大作用。
常見的屬性有①none:此元素不會被顯示。
②inline:默認。此元素會被顯示爲內聯元素,元素前後沒有換行符。如div元素,p元素,ul元素
③block:此元素將顯示爲塊級元素,此元素前後帶有換行符。如span元素,a元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display屬性</title>
<style>
p{display: inline;}
div{display: none;}
span{display: block;}
</style>
</head>
<body>
<p>此元素會被顯示爲內聯元素,元素前後沒有換行符。如div元素,p元素,ul元素</p>
<div>不會顯示出來</div>
<span>此元素將顯示爲塊級元素,此元素前後會帶有換行符。</span>
<span>不信你看</span>
</body>
</html>