html中block指的是什么意思
生活随笔
收集整理的這篇文章主要介紹了
html中block指的是什么意思
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這篇文章主要介紹了html中block指的是什么意思，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
在html中，block的意思是“塊級元素”，block屬性值與display屬性配合使用時，用于設置指定的元素會被顯示為塊級元素，元素前后會帶有換行符，語法為“<元素 style="display:block;">”。
本教程操作環境：windows10系統、HTML5版、Dell G3電腦。
html中的block是什么意思
在html中，block屬性值與display屬性配合使用可以設置指定的元素被顯示為塊級元素，元素前后會帶有換行符。
網頁一般是兩種元素組合起來的，一種是內聯元素，也就是行內顯示，加上width和height沒效果。一種是區塊元素,可以加上對應的width和height，通常使用在網頁的布局，最常用的就是<div>標簽。
display:block;的意思把內聯元素轉換為區塊元素
示例如下：
<html>
<head>
<styletype="text/css">
div{display:none}
</style>
</head>
<body>
<pstyle="display:block;">本例中的樣式表把段落元素設置為塊級元素。帶有換行符。</p>
<pstyle="display:block;">而div元素不會顯示出來！</p>
<div>div元素的內容不會顯示出來！</div>
</body>
</html>
輸出結果：
總結
以上是生活随笔為你收集整理的html中block指的是什么意思的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 分享一批国内常用的tracker地址
- 下一篇： html如何做到数据加密