html中block指的是什么意思

這篇文章主要介紹了html中block指的是什么意思,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)錫林浩特免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了超過千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

在html中,block的意思是“塊級元素”,block屬性值與display屬性配合使用時,用于設(shè)置指定的元素會被顯示為塊級元素,元素前后會帶有換行符,語法為“<元素 style="display:block;">”。

本教程操作環(huán)境:windows10系統(tǒng)、HTML5版、Dell G3電腦。

html中的block是什么意思

在html中,block屬性值與display屬性配合使用可以設(shè)置指定的元素被顯示為塊級元素,元素前后會帶有換行符。

網(wǎng)頁一般是兩種元素組合起來的,一種是內(nèi)聯(lián)元素,也就是行內(nèi)顯示,加上width和height沒效果。一種是區(qū)塊元素,可以加上對應(yīng)的width和height,通常使用在網(wǎng)頁的布局,最常用的就是<div>標簽。

display:block;的意思把內(nèi)聯(lián)元素轉(zhuǎn)換為區(qū)塊元素

示例如下:

<html>
<head>
<style type="text/css">
div {display: none}
</style>
</head>
<body>
<p style="display:block;">本例中的樣式表把段落元素設(shè)置為塊級元素。帶有換行符。</p>
<p style="display:block;">而 div 元素不會顯示出來!</p>
<div>div 元素的內(nèi)容不會顯示出來!</div>
</body>
</html>

輸出結(jié)果:

html中block指的是什么意思

感謝你能夠認真閱讀完這篇文章,希望小編分享的“html中block指的是什么意思”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學習!

當前文章:html中block指的是什么意思
網(wǎng)站地址:http://muchs.cn/article4/ighpie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器營銷型網(wǎng)站建設(shè)、網(wǎng)站策劃、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計、App設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)