css網頁設計div元素教學_求教學一個div+css網頁製作

1、關於學習CSS+DIV製作網頁

其它"樣式"(style)或者說是CSS..它可以定義網頁里的任何一個元素..相對而言..只要學好CSS..DIV可以當表格用內..其它做一個網容頁(DIV+CSS)..用DW已經完全可以實現.不用記枯燥的單詞..知道怎麼用就行了..我也是這樣過度過來的..談不上教..不過可以討論討論..我的QQ是14352669.

2、21視頻教程網div+css布局，Javascript， Dreamweaver網頁製作教程，C語言視頻教程

div+css教程，張鵬的帶你一周hold住div+css講的很細，通俗易懂，還有李靜的dreamweaver項目實戰，知識點結合案例。

3、求教學一個div+css網頁製作

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>教學</title>
<style>
*{
  margin:0;
  padding:0;
}
.wrap{
  width:960px;
  margin:0 auto;
}
a{
  text-decoration:none;
}
.top{
  width:100%;
  height:5px;
  background-color:#039;
}
.header{
  width:100%;
  height:200px;
  position:relative;
  background-color:#6F3;
}
.header .logo{
  color:#000000;
  margin:20px 100px;
}
.header p{
  position:absolute;
  right:0;
  top:0;
  background-color:rgba(0,0,0,.3);
}
.header p a{
  margin:5px 10px;
  display:inline-block;
}
.header a{
  margin-left:15px;
  color:#ffffff;
}
.nav{
  height:30px;
  background-color:#C60;
}
.nav ul{
  overflow:hidden;
  width:90%;
  margin:0 auto;
}
.nav ul li{
  list-style:none;
  float:left;
  width:9%;
  text-align:center;
  border-right:1px solid #ffffff;
}
.nav ul li a{
  line-height:30px;
  color:#ffffff;
}
.nav ul li a:hover{
  color:#F00;
}
</style>
</head>

<body>
<div class="top">
</div>
<div class="wrap">
    <div class="header">
        <a href="#" class="logo">logo</a>
        <p>
            <a href="#">加入收藏</a>
            <a href="#">設為首頁</a>
        </p>
    </div>
    <div class="nav">
        <ul>
            <li><a href="#">首頁</a></li>
            <li><a href="#">技術文章</a></li>
            <li><a href="#">行業動態</a></li>
            <li><a href="#">IT行業</a></li>
            <li><a href="#">資源下載</a></li>
            <li><a href="#">酷圖欣賞</a></li>
            <li><a href="#">程序開發</a></li>
            <li><a href="#">設計資訊</a></li>
            <li><a href="#">論壇</a></li>
            <li><a href="#">素材下載</a></li>
            <li><a href="#">English</a></li>
        </ul>
    </div>
</div>
</body>
</html>

大概就是這個意思，要想精確製作，都是需要psd源文件的。

4、網頁DIV+CSS 元素問題請教

塊級元素的分類塊級元素按照其應用於結構還是內容分為三種：結構化塊狀元素，終端塊狀元素，多目標塊狀元素。一.結構化塊狀元素這類元素用於構造文檔的結構，一個好的文檔結構對於搜索引擎和應用其他技術（如JavaScript）都是十分有利的。它們沒有語義上的含義，僅僅劃分出了文檔的組織方式，並沒有體現文檔的內容。主要的結構化塊狀元素 <ol> <ul> <dl> <table> 支持結構化的元素 <li> <dt> <dd> <caption> <thead> <tbody> <tfoot> <colgroup> <col> 二.終端塊狀元素這類元素用於從結構轉向內容，它們擁有語義上的含義，能夠表明內容的性質。終端塊狀元素屬於結構的終點，它們不能再包含其他塊級元素，只能包含文本或行級元素。終端塊狀元素 <h1>...<h6> <p> <blockquote> <dt> <address> <caption> 三.多目標塊狀元素所謂多目標指的是可以自由的擴展或嵌套文檔的結構，以可以終端的形式出現。當多目標塊狀元素以結構化的方式使用時就含有結構化的內涵，以終端的形式使用就含有語義的內涵。多目標塊狀元素既可以包含塊狀元素，也可以包含內容（文本與行級元素的組合為內容），但不能同時包含兩者。應該把內容放在塊狀元素中。塊狀元素不應作為行級元素與文本的兄弟元素，受HTML校驗器的限制，目前還沒辦法檢驗出此種情況，但是應該避免。多目標塊狀元素 <div> <li> <dd> <td> <form> <noscript> 在談論CSS布局時，我們需要提前知道一些東西。對於html各種標簽/元素，可以從塊的層面做一個分類：要麼是block(塊元素)，要麼是inline(內聯元素)： block元素的特點：總是另起一行開始；高度，行高以及頂、底邊距都可控制；寬度預設是它所在容器的100%，除非設定一個寬度。 inline元素的特點：和其它元素都在一行上；高度，行高以及頂、底邊距不可改變；寬度就是它所容納的文字或圖片的寬度，不可改變。下面對它們的性質及應用做進一步說明： ◎ 塊元素(block element) 通常作為其它元素的容器，它可以容納內聯元素和其它塊元素。我們知道默認情況下，塊元素會順序以每次另起一行的方式往下排，而通過CSS控制其樣式，我們可以改變這種默認布局模式，把塊元素擺放到你想要的位置上去。需要指出的是，table標簽也是塊元素的一種，基於table表格和基於CSS+DIV的布局，在使用者看來除了頁面載入速度的差別（table在所有內容元素載入完成後才顯示），沒有其它的差別。但是從頁面的源代碼來看，這種差異就非常大了。基於良好結構理念設計的CSS布局源碼，至少能讓沒有 web開發經驗的用戶很容易找到連續的頁面內容。從這個角度來說，CSS layout code應該有更好的美學體驗。我們可以把模塊化的DIV想像成一個個box，然後把它們按自己的意願排列組成完整的內容，網頁布局設計就是遵循了同樣的模式。塊元素(block element) HTML標簽分類明細 address - 地址 blockquote - 塊引用 center - 舉中對齊塊 dir - 目錄列表 div - 常用塊級容易，也是css layout的主要標簽 dl - 定義列表 fieldset - form控制組 form - 交互表單（只能用來容納其它塊元素） h1 - 大標題 h2 - 副標題 h3 - 3級標題 h4 - 4級標題 h5 - 5級標題 h6 - 6級標題 hr - 水平分隔線 isindex - input prompt menu - 菜單列表 noframes - frames可選內容，（對於不支持frame的瀏覽器顯示此區塊內容 noscript - 可選腳本內容（對於不支持script的瀏覽器顯示此內容） ol - 排序表單 p - 段落 pre - 格式化文本 table - 表格 ul - 非排序列表 ◎內聯元素(inline element) 一般都是基於語義級(semantic)的基本元素，只能容納文本或者其它內聯元素。為了比較明確的表現出 block 與 inline 的區別，我們可以利用它們各自的代表元素div和span的演示進行說明： XXXXXXXXX This's a DIV layout XXXXXXXXX div另起一行，它的形狀不受內部文字的影響 XXXXXXXThis's a span layoutXXXXXXX 所有元素在一行，span剛好包容文字內聯元素(inline element) HTML標簽分類明細 a - 錨點 abbr - 縮寫 acronym - 首字 b - 粗體(不推薦) bdo - bidi override big - 大字體 br - 換行 cite - 引用 code - 計算機代碼(在引用源碼的時候需要) dfn - 定義欄位 em - 強調 font - 字體設定(不推薦) i - 斜體 img - 圖片 input - 輸入框 kbd - 定義鍵盤文本 label - 表格標簽 q - 短引用 s - 中劃線(不推薦) samp - 定義範例計算機代碼 select - 項目選擇 small - 小字體文本 span - 常用內聯容器，定義文本內區塊 strike - 中劃線 strong - 粗體強調 sub - 下標 sup - 上標 textarea - 多行文本輸入框 tt - 電傳文本 u - 下劃線 var - 定義變數 ◎可變元素是基於以上兩者隨環境而變化的，它的基本概念就是根據上下文關系確定該元素是塊元素還是內聯元素。一旦確定了它的類別，它就遵循塊元素或者內聯元素的規則限制。可變元素 HTML標簽分類明細 applet - java applet button - 按鈕 del - 刪除文本 iframe - inline frame ins - 插入的文本 map - 圖片區塊(map) object - object對象 script - 客戶端腳本但是通過CSS，我們可以擺脫上面表格里HTML標簽歸類的限制，自由地在不同標簽/元素上應用我們需要的屬性。例如，我們可以對塊元素[ ul ]標簽加上 display:inline 屬性，讓原本垂直的列表水平顯示，這在我們設置Blog導航條時得到了廣泛應用；我們也完全可以把內聯元素[ cite ]加上 display:block 這樣的屬性，讓它也有每次都從新行開始的屬性。

5、求DIV+CSS網頁設計布局應用詳解視頻教程，不要土豆，優酷上的，最好是21教育的

你搜曹鵬CSS教程專。屬 http://www.caopeng.org/html/css.htm

6、CSS+DIV網頁製作的一般思路和過程是什麼樣的呢？

一切以設計稿為主，我們前端開發的目標是為了把jpg或者png的設計稿圖片還原成為html靜態網頁，動態專的部分交屬給程序員處理。之所以使用DIV的布局只是為了把頁面的結構與樣式（CSS）進行分離。你使用table布局可以達到同樣效果，但是後期維護就會相對困難了。
過程就是根據客戶需求在PS或者FW繪制設計稿，客戶通過之後，開始切圖，最終變成html的網頁就ok了。
最終要求的結果就是html與設計稿的圖片保持一致。

7、求網頁設計教程，div+css的

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

8、如何學好網頁製作（DIV+CSS）

自己沉不下心去好好學，找什麼大神也沒用。
代碼是敲出來的，不是你這樣上百度知道弄出來的。
還有，記不住就多寫，靜不下心敲代碼就別干這行。這么浮躁的心態，你找哪個程序員都沒用，不如去找心理醫生。

導航:首頁 > 萬維百科 > css網頁設計div元素教學

css網頁設計div元素教學

與css網頁設計div元素教學相關的知識