溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了HTML中塊元素怎么與行內(nèi)元素轉(zhuǎn)化，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發(fā)者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。 3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.div1{
width: 200px;
height: 200px;
background-color: lightyellow;
border: 1px solid lightcoral;
margin: 0px auto;
}
.s1{
/*行內(nèi)元素設置寬和高未必有效
*塊元素設置寬和高一定有效的
* */
width: 100px;
height: 100px;
background-color: greenyellow;
border: 1px solid blue;
/*span 是一個行內(nèi)元素
* 行內(nèi)元素沒有盒子模型
* 行內(nèi)元素沒有辦法設置內(nèi)邊距和外邊距特征
* 只有塊標簽才有盒子模型 才可以設置內(nèi)邊距和外邊距
* 如果一個行內(nèi)標簽 非要使用盒子模型那么可以將行內(nèi)元素轉(zhuǎn)換為塊元素
* display block 行內(nèi)轉(zhuǎn)換為塊 inline 塊轉(zhuǎn)換為行內(nèi)
* */
display: block;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="div1">
<span class="s1">今天是3月6號</span>
</div>
</body>
</html>感謝你能夠認真閱讀完這篇文章，希望小編分享的“HTML中塊元素怎么與行內(nèi)元素轉(zhuǎn)化”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
