[網設]初學筆記-HTML,CSS,JS

HTML div 標籤

HTML div 標籤是網頁中的重要基礎元素，透過 DIV 標籤可以在網頁中創造各個不同的區塊，每個區塊內還可以增加更小的區塊，設計師也可以利用 HTML div 區塊來進行排版，對網路瀏覽器來說，每組 HTML div 標籤都是一個區塊級元素，基本會占用掉一整行的空間，當然設計師也可以透過 div 的屬性設定來調整這個部份，現在的 div 屬性設定都是採用 CSS 來設計。

HTML div 標籤區塊的基礎語法

<div id="自訂" class="自訂" style="自訂">區塊內容</div>

一組標準的 HTML div 區塊是由一個開頭 <div> 標籤與一個結束 </div> 標籤所組成，其間背包起來的部份就是區塊內容，可以是文字、圖片、影片、框架 ... 等網頁內容，開頭的 <div> 區塊內可以設置 id、class 或直接開始一段樣式設計，也就是 style 的部份。

範例：
a,html

  <link rel="stylesheet" href="css/css/examples.css" type="text/css">

...

<div id="description">

         <h1 class="badge gsap">Simple Tweening</h1>

..

</div>

...

css/css/examples.css

section#titlechart #description h1 {

margin: 0;

}

div 的 id 在 css 為 #...

ScrollMagic範例

模仿學習