溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關HTML5中div標簽的用法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- <link rel="stylesheet" href="CSS\17-p.css"> -->
<style>
/* 塊元素的特點
1.默認寬度 父元素的百分百；一致
2.霸占一行
3.支持全部樣式
*/
.box{
width: 100px;
height: 50px;
background-color: red;
}
span{
/* 1.行內元素排列一行，遇到邊界 會自動換行 */
background-color: red;
/* 2.寬高有內容決定 不支持寬高 不支持margin上下 */
width: 200px;
height: 200px;
margin: 100px 20px;
/* 3.padding上下有問題 */
/* padding: 50px 20px; */
}
</style>
</head>
<body>
<p class="box"></p>
<p>段落</p>
<h2>標題標簽</h2>
<!-- ol>li{有序$}*5 -->
<ol>
<li>有序1</li>
<li>有序2</li>
<li>有序3</li>
<li>有序4</li>
<li>有序5</li>
</ol>
<!-- ul>li{無序$}*3 -->
<ul>
<li>無序1</li>
<li>無序2</li>
<li>無序3</li>
</ul>
<!-- dl>dd{定義列表}*3 -->
<dl>
<dt>title</dt>
<dd>定義列表</dd>
<dd>定義列表</dd>
<dd>定義列表</dd>
</dl>
<form action="">
<label for="">標注</label>
<input type="text" name="" id="">
</form>
<span>行內元素</span>
<span>行內元素</span>
</body>
</html>運行效果如下：
感謝各位的閱讀！關于HTML5中div標簽的用法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
