首頁  >  文章  >  web前端  >  div標籤如何使用的

div標籤如何使用的

清浅
清浅原創
2018-12-13 13:06:3821556瀏覽

div標籤的使用方法:1、div標籤可以透過設定class或id來取得樣式;2、div標籤也可以直接透過內聯式的方法來取得樣式。

div標籤如何使用的

本文操作環境:Windows7系統、Dell G3電腦、HTML5&&CSS3版。

div標籤的使用:div標籤可以透過設定class或id來取得樣式,也可以直接透過內聯式的方法取得樣式

dc6dce4a544fdca2df29d5ac0ea9906b 標籤可以將文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具,並且不使用任何格式與其關聯。接下開在文章中將為大家介紹div如何使用,具有一定參考價值,希望對大家有所幫助

div含義:

div標籤稱為區隔標記,可定義文件中的分區或節,目的是把文件分割為獨立的、不同的部分。它可設定文字、圖像、表格等元素的位置

div是用來為HTML文件內的區塊級內容提供結構和背景的元素。 div的起始標籤和結束標籤之間的所有內容都是用來構成這個區塊的,其中所包含元素的特性將由div標籤的屬性來控制,或者是透過使用樣式表來控制。

div的用法:

dc6dce4a544fdca2df29d5ac0ea9906b 是區塊級元素,這表示它的內容將自動的佔一行。透過div的class或id可以取得額外的樣式實,但不需要為每個div都加上選擇器。

可以對同一個 dc6dce4a544fdca2df29d5ac0ea9906b 元素套用 class 或 id 屬性,但在一般情況下只會套用其中一種。這兩者的主要差異是,class 用於類別元素(可以理解為某一類元素),而 id 用於標識單獨的唯一的元素。

【推薦課程:HTML課程

#範例:不給div新增選擇器的用法

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
 <div style="color:pink">
  <h1>div的用法</h1></div>
</body>
</html>

效果圖:

div標籤如何使用的

範例:為div新增一個class選擇器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.demo{
width:450px;
height: 300px;
background: pink;
text-align: center;
line-height: 300px;
font-size: 20px;
}
</style>
</head>
<body>
 <div>div的用法</div>
</body>
</html>

效果圖:

div標籤如何使用的

##總結:以上就是這篇文章的全部內容了,希望對大家學習div有所幫助

以上是div標籤如何使用的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn