網頁設計中div_網頁設計裡面<div>到底是干什麼用的

1、關於網頁製作中div的問題

我來給簡單的你描述一下吧，這都是我個人的體會，未必全對呵。

網頁設計最主要的是布局。

當然網頁設計有很多的知識點，但從一個靜態的網頁開始，網頁最關鍵的一個知識點應該是布局，因為網頁製作不同於Word，它不可以隨心所欲的在任意位置、任意方式添加任意的元素，比如文字、圖畫、動畫等。

於此同時，早期網頁製作時，你也不方便進行文字格式的控制，字體的大小、顏色、行距等等。

這主要是因為網頁製作的HTML語言過於單一的原因。於是，後來就引入了CSS，CSS是一種層疊樣式表語言。簡單的說，它豐富了網頁製作的格式。

舉個簡單的例子，CSS可以精確到點來控制字體的大小、行距，這是從前很難實現的。

再一點，布局，從前我們都是用表格來布局，本來，這是一個很好的思想，看過一些日韓的網頁源碼，人家將表格布局發揮到了極致，用表格布局實現了很多意想不到的布局效果，他們一般先用Photoshop設計出網頁的整體效果，然後再把元素分解，進而通過表格組合成最終的網頁，這種設計理念雖然比較費工時，但整體上很完美，值得我們借鑒。

但表格布局也有它的局限，比如下載速度慢，不能實現網頁樣式的轉換，比如網站的改版就得重新全部網頁代碼。

同時，人們也需要表達更炫的頁面，這時，就引入了DIV的理念，也就是「層」的理念，這是一個很瘋狂的想法。

從前層還只是平面設計的一個概念（具體就不再描述了），現在引入到網頁設計之中，自然需要進行一些再加工。

首頁，網頁的層並不是任意和隨心所欲的一個層，它需要你事先規劃好，這個層定位在哪兒，多寬多高，有什麼樣的樣式，與其它層的位置關系，是疊加還是繞排，等等，都需要事先想好。

這是一個需要整體想像和周密計劃的工作，所以，現在看到的CSS+DHTML網頁都還是比較簡單的。因為如何太復雜，工作量就太大了。

字打的太累了，給你舉個例子，你慢慢分析先，http://www.armstrong.com/home/us/en/

將這個網站源碼打開，一點點分析人家的做法，會受益的，估計有一周的時間，你會明白很多的。

2、網頁設計 DIV

差不多了你把圖片自己加上就可以了

  <!DOCTYPE HTML>
    <html>
    <head>
    <style type="text/css">
      body{background:#000;font-size:12px;}
.header_box{width:700px;height:50px;background:#fff;filter:alpha(opacity:50);opacity:0.5;-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
     .header_box a,.header_box a i{display:inline-block;*display:inline;*zoom:1;line-height:50px;color:#555}
.header_box a i{border:1px solid red;float:left;margin-top:15px;margin-right:5px;}
.header_box .span1{padding-right:20px;}
.header_box .span2{padding-right:200px;}
.header_box .span3{padding-right:20px;}
.header_box .span1 i{width:20px;height:20px;background:url(../images/email.png) no-repeat;}
.header_box .span2 i{width:20px;height:20px;background:url(../images/phone.png) no-repeat;}
.header_box .span3 i{width:20px;height:20px;background:url(../images/login.png) no-repeat;}
.header_box .span4 i{width:20px;height:20px;background:url(../images/account.png) no-repeat;}
   </style>
    </head>
<body>
<div class="header_box">
    <a href="#" class="span1"><i></i>[email protected]</a>
    <a href="#" class="span2"><i></i>0423656655</a>
    <a href="#" class="span3"><i></i>Login</a>
    <a href="#" class="span4"><i></i>Create an account</a>
</div>
</body>
</html>

3、網頁設計中DIV是什麼意思？

在HTML網頁源代碼中DIV是什麼意思，出現很多DIV，究竟有什麼作用和功能？

在網頁html中查看源代碼會看到很多代碼，包括DIV、span、h1、b加粗、strong等標簽組成。

html中div使用截圖一段HTML源代碼截圖其中包括div span h1標簽使用

培訓是針對那些有條件的人來說，很多小夥伴更喜歡的是自學。但是一個人自學畢竟力量是有限的，為了讓想學習的人可以更好的學習，給大家推薦一個裙，前面是6 5 7，中間是壹三七，最後面就是九 0 六，這里有很多想學習的人和你一起交流，也有大牛每天晚上免費教學，想要學習的人都可以加入我們，但是我們只歡迎想學習的人，不是來學習，隨便看看的就不要進了。

DIVSPNANH1是什麼意思呢？
這些標簽是包裹內容作用，有的是起到布局各種各樣樣式而使用DIV標簽，有的是為了內容加粗比如strong標簽、表達是標題h1標簽。

div作用
讓內容包裹在DIV內，實現各式各樣的美化，比如對div設置邊框，這樣內容就區就有邊框樣式、對div設置字體顏色這樣對應DIV內字體就有了各式各樣的顏色；對div設置背景顏色或背景圖片，這樣內容就有了漂亮的css背景。

div標簽內使用樣式實現各式各樣排版，對div設置不同的css樣式，實現美工圖布局樣式。

4、網頁設計的DIV是什麼效果的？

復雜,龍統的文字我就不說了,其實div+css排版的形式一般是這樣的

一段描述"樣式的代碼",（通常會單獨寫在一個文件裏）像這樣:

<style type="text/css">

</style>

在裏頭我就定義一個叫做"mysty"樣式,他的屬性color是」#F00」紅色

然後我在頁面中想調用這個樣式時我就先打好一個div的合子,然後我用"class='mysty'"這樣的方法來調用這個樣式,於是乎,在這個div包含的內容的文字都變成紅色了,當然table也可以這樣用

<div class="mysty">紅色字</div>

至於優勢嘛,網上有好多地方都有寫,你最好自己體驗一下,它的簡潔我覺得是對table排版的最大的優勢

5、網頁設計裡面，<div>到底是干什麼用的

6、什麼是網頁設計中的DIV，什麼是ID？謝謝

div是指塊文字，像你要定義一塊文字可以用到它。另外做層的時候也經用到它，它就是讓一塊東西集成為一個集合.
div標簽可以以類或ID附加css樣式
1.類
<div class="***">……</div>
2.ID
<div id="***">……</div>
如果用id附加，那麼css中應該首先創建這個ID：
如：
#abc .font {
font-family: Verdana, "宋體";
color: #FF00CC;
}
其中abc就是id
可以在abc這個id下建立很多css屬性，這樣所有在<div id="***">……</div>這個標簽中的內容將遵循abc這個id下的css屬性。

7、網頁設計里的，html、css、div是什麼意思？

html就是做網頁頁面的標簽語言
css是控制顯示樣式的
div是層
psd格式的模板需要用Photoshop打開
====================================
PSD模板就整個頁面布局和樣式的設計原稿,需要切片才能應用到網頁上去

8、網頁設計div？

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

9、網頁設計中div是起什麼作用的？

div是塊狀標簽，可以把網頁分成一塊一塊的，方便排版，明確層次。
比用table等更好。

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

網頁設計中div

與網頁設計中div相關的知識