整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
、HTML 塊元素
二、HTML 內(nèi)聯(lián)元素
三、HTML <div> 元素
四、div的使用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<style>
.all{
width:500px;
height:500px;
margin:0 auto;
background-color:#000;
}
.one{
height:100px;
background-color:#89E1BF;
}
.two{
height:100px;
background-color:#DEE099;
}
.three{
height:100px;
background-color:#D7A1CE;
}
</style>
<body>
<!--父div，all是黑色-->
<div class="all">
<!--子div，one是綠色-->
<div class="one">
</div>
<!--子divtwo，是黃色-->
<div class="two">
</div>
<!--子div，three是紫色-->
<div class="three">
</div>
</div>
</body>
</html>
演示效果如圖所示：
注釋：<div> 元素常用作布局工具，因為能夠輕松地通過 CSS 對其進行定位。
這個例子使用了四個 <div> 元素來創(chuàng)建多列布局：
<html>
<head>
<style>
#header {
background-color:#1aaa11;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
color:#faaaff;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:#166611;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1>天華信息教育</h1>
</div>
<div id="nav" >
第一組<br>
第二組<br>
第三組<br>
</div>
<div id="section">
<h2>這是標題</h2>
<p>
這是內(nèi)容
</p>
<p>
這是內(nèi)容
</p>
</div>
<div id="footer">
天華信息教育
</div>
</body>
</html>
HTML基礎(chǔ)教程：div元素實現(xiàn)布局
SS是樣式,DIV是層.DIV+CSS是網(wǎng)站標準（web標準），通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格（table）定位方式的區(qū)別.因為XHTML網(wǎng)站設(shè)計標準中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實現(xiàn)各種定位。
看得懂HTML語法，那么世界上80%的網(wǎng)站都能被你看穿。HTML語言很好學(xué)，一定要熟記常用的一些代碼，因為有了像dreamweaver這樣的幫助生成html代碼的工具,所以很多人都忽略了HTML的學(xué)習(xí).學(xué)會了HTML互聯(lián)網(wǎng)中最基本的語言之后，在學(xué)習(xí)DIV+CSS時，你會發(fā)現(xiàn)：原來DIV+CSS也就那樣，小菜一碟。現(xiàn)在都是用Notepad++、Sublime等，我這篇文章主要寫的用Dw。
對于網(wǎng)頁設(shè)計初學(xué)者來說，直接使用記事本、Notepad等工具來書寫代碼很困難。因為Dreamweaver的代碼模式有提示功能，可以在保證語法編寫的正確性。并且對不熟悉的語法可以一次性書寫正確。
如圖所示：書寫div，html時DW的提供功能。
書寫CSS時DW工具欄右側(cè)的CSS可視化編輯功能.
談?wù)勅绾螐牧汩_始學(xué)習(xí)DIVCSS
我學(xué)習(xí)DIV+CSS時就是從Dreamweaver的代碼模式學(xué)起的，也許不是最好，但很實用。
有良好的生活習(xí)慣，說明這人會過日子，有良好的CSS書寫習(xí)慣，說明這人做事嚴謹。寫css的時候網(wǎng)上有很多推薦的規(guī)范，比如菜單類用menu，版權(quán)用copyright（CoryRight），底部用footer等等，在書寫順序上一般是：顯示屬性-自身屬性-文本屬性。當(dāng)然這些都沒有硬性的規(guī)定，但是遵循一些不成文的規(guī)定不是壞事，這樣讓自己寫的代碼，容易讓別人讀懂，搜索引擎也更加喜歡。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
