塊級元素的使用
各位大神，誰能和我詳細講一下塊級元素，最好有例子，我沒有看明白！謝謝了
手尖下的世界
2016-05-14
3 回答
舉報
0/150
提交
取消
2016-05-14
a{display:block;}????? //塊元素獨占一行，如果加上a{display:block;} 每個a標簽作為塊，獨占一行，
顯示：1111
?????????? 2222
不加這個a{display:block;}
顯示：11112222
<a>1111</a><a>2222</a>
成為塊是為了控制樣式，有些樣式標簽不能控制的
2016-05-14
塊級元素與內聯元素相對，塊級元素有四個特性：1.以新行來開始結束2.其高度，行距等屬性值可以通過設置而改變3.寬度缺省是它的容器的100%，除非設定一個寬度4.它可以容納內聯元素和其他塊元素。比如對于塊級元素div，示例其內又容納了div：
<style type="text/css">
div{
? ? width:300px;
? ? height:300px;
border:1px solid red;
}
#box1{margin-bottom:50px;}
#box2{margin-bottom:10px;}
</style>
</head>
<body>
? ? <div id="box1">
? ? box1
? ? <div id="box2">box2</div>
? ? </div> ??
</body>
2016-05-14
快元素默認獨占一行，寬度默認100% 塊級元素有：<p></p> <div></div><h1></h1>...<hr> <ul></ul> <ol></ol>... ?你可以加個backgroundcolor就可以分辨出來塊級元素和行內元素的去別的?
2016-05-14
同在自學！
簡單理解來說就是塊級元素都是獨自占據一行的！
比如 <p>..</p> <div></div>這行代碼
即使放在編輯器內的一行之內
顯示出來的效果也會是兩行！