導航:首頁 > 萬維百科 > 網頁設計教程div

網頁設計教程div

發布時間:2021-01-04 16:55:38

1、網頁設計 DIV+CSS不懂裡面的DIV 指什麼

其實 DIV 類似於 TABLE 標簽。

TABLE 有 tr 和 td 等,而 DIV 對應的則是 ul 和 li 等。

個人認為在不同內核瀏覽器的定位兼容性上, TABLE 比 DIV 通用性更好,DIV經常會有一些離奇古怪的定位問題。

當然我個人是一開始就學習 TABLE 的,所以對 DIV 還是不是很習慣,通常都是 TABLE + DIV + CSS。

2、求網頁設計教程,div+css的

我有,在我空間留言,我發給你

3、web設計裡面div的用法?

建議看看手冊 一兩句 說不清 即使說了 也是誤導

4、css+div製作網頁

DIV只是框架,一塊大內容用IDV包起來,像文欄位落類就可以用<P>標簽來書寫,像小的圖標可以用<span></span>;標題類用 h1---6;等等,多看網站源代碼吧

5、網頁設計div?

DIV (標鑒)+ CSS (層疊樣式表)是網站標准(或稱「Web標准」) 中的常用術語之一,通常為了說明與HTML網頁設計語言中的表格 (Table)定位方式的區別,因為XHTML網站設計標准中,不再使用表格定位技術,而是採用DIV + CSS的方式實現各種定位。使用DIV + CSS設計網站對SEO的影響是顯而易見的,由於結構簡單,且符合標准

6、網頁製作用div怎樣布局?

要如何布局,你可以把DIV想像成一塊一塊,加上height和width,然後在加上背景顏色,就可以看出來回了,然後加上float、position等方答式移動到你想要的位置,就可以了!

網頁總體的布局的方法就是這樣的,如果要在一個塊裡面放置元素,這個可以去學習理解盒模型的知識,希望幫助到你!

7、網頁設計 DIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<style >

body{

widht:1000px;
height:500px;
border:1px solid black;
background-image:url(圖片路徑);
}

#back{

width:250px;
height:50px;
border:1px solid blue;

}

#content{

width:150px;
height:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:10px;
border:1px solid blue;

}
</style>

</head>

<body>

<div id="back">

<div id="content">
文字顯示內容
</div>
</div>

</body>
</html>

8、求一個網頁製作高手用div+css做一個網頁布局 急 謝謝!!!!!!!!!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
#containt{ height:530px; width:400px; margin:0 auto; border:1px solid #000000;}
#top{ height:100px; width:380px; margin-top:7px; margin-left:9px;}
#top_left{ height:100px; width:138px; float:left; border:1px solid #000000; border-right:none;}
#top_right{ height:100px; width:238px; float:left; border:1px solid #000000;}
#content{ height:50px; width:380px; margin-top:5px; margin-left:9px; border:1px solid #000000;}
#bottom{ height:350px; width:380px; margin-top:5px; margin-left:9px;}
#bom_left{ height:350px; width:138px; float:left; border:1px solid #000000;}
#bom_right{ height:350px; width:235px; float:left; border:1px solid #000000; margin-left:3px;}
.b_r_div{ height:100px; width:68px; margin-left:6px; float:left; margin-top:5px; border:1px solid #000000;}
#b_r_bottom{ height:120px; width:225px; margin-left:5px; float:left; margin-top:5px; border:1px solid #000000;}
</style>
</head>
<body>
<div id="containt">
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="content"></div>
<div id="bottom">
<div id="bom_left"></div>
<div id="bom_right">
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div id="b_r_bottom"></div>
</div>
</div>
</div>
</body>
</html>

9、網頁設計的div

一個大 DIV (最外圍)
2個中 DIV (上面一排和下面一排)
多個小DIV (利用浮動定位)
當然用列表寫也行,不過現在還是DIV寫最好,布局DIV才是王道。

與網頁設計教程div相關的知識