- Div+CSS網頁制作實戰教程
- 周蘇峽
- 327字
- 2020-04-14 14:19:15
2.3.4 Div與Span標簽
1.Div標簽
在網頁設計標準中使用<div>標簽作為頁面元素的容器,它取代了表格在頁面布局中的地位。<div>默認是一個塊級元素,這意味著它將獨占一行。用法舉例如下。
1)Div不加樣式:<div>…</div>
2)Div使用#content定義的樣式:<divid="content">…</div>
3)Div使用.box定義的樣式:<divclass="box">…</div>
2.Span標簽
與<div>標簽一樣,<span>標簽也可作為頁面元素的容器,不過<span>標簽是一個內聯元素,不會占用一行,其中內容有多寬,<span>標簽就是多寬,所以<span>標簽通常被用于組合文檔中的行內元素。用法舉例如下。
1)Span不加樣式:<span>…</span>
2)Span使用#content定義的樣式:<spanid="content">…</span>
3)Span使用.box定義的樣式:<spanclass="box">…</span>
注意:內聯元素和塊級元素可以通過樣式設置相互轉換。
推薦閱讀
- 網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- Dreamweaver CS6網頁設計與制作教程
- CSS+DIV網頁樣式與布局案例指導
- HTML5+CSS3網頁制作基礎培訓教程
- HTML5+CSS3網頁設計與制作基礎教程
- 網頁設計與制作(Dreamweaver CS6)
- ADOBE DREAMWEAVER CS6 標準培訓教材
- 動態網頁設計與制作(HTML5+CSS3+JavaScript)(第3版)
- 在實戰中成長:JSP開發之路
- Web程序設計
- 網頁美工設計基礎教程
- Dreamweaver CS5網頁制作
- 從缺陷中學習C-C++
- 網頁設計與制作項目化教程
- 移動優先與響應式Web設計(2冊)