資源描述：
《divcss網頁布局初級入門系列教程-》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。
1、第一天 XHTMLCSS基礎知識歡迎大家學習《十天學會web標準》，也就是我們常說的DIV+CSS。不過這里的DIV+CSS是一種錯誤的叫法，建議大家還是稱之為web標準。學習本系列教程需有一定html和css基礎，也就是指您之前做過網頁，會用表格布局。如果您剛開始學習網頁制作，不知道什么是表格布局及html和css，建議您先去充電，否則學習本教程會非常吃力或者根本就聽不懂。由于時間關系，本教程只講解一些基礎知識，讓您從原來的表格布局跨入到web標準（div+css）布局，會使用web標準制作出常見的頁面，這也達到了本教程的目的。本教程多以實例形式循序漸進
2、講解，實例涉及到哪些關鍵點或難點就講解什么，較少講解概念。因為概念這些東西很難說明白，或者說明白你也不一定能聽懂，聽懂了也不一定能理解。所以把概念留給大家以后再深入研究。由于章節(jié)關系，沒有把css和csshack單獨分出，只是在用到的時候穿插入講解了。html基礎和css基礎只在第一節(jié)中介紹了幾點重要的。下面我們開始第一天的學習一、xhtmlcss基礎知識首先說一下我們這節(jié)課的知識點1.文檔類型2.語言編碼3.html標簽4.css樣式5.css優(yōu)先級6.css盒模型組成1）文檔類型當我們用dreamweaver新建一下html格式文檔時，查看源代碼，會發(fā)
3、現(xiàn)代碼最上部有如下這句話：這句話標明本文檔是過渡類型，另外還有框架和嚴格類型，目前一般都采用過渡類型，因為瀏覽器對XHTML的解析比較寬松，允許使用HTML4.01中的標簽，但必須符合XHTML的語法。許多朋友在制作頁面時，往往喜歡把這句刪除掉，在這里建議大家一定要保留這句話，刪除它后可能引起某些樣式表失效或其它意想不到的問題。2）
4、語言編碼接下來我們還會發(fā)現(xiàn)這樣一句話：它標示文檔的語言編碼。就像我們平時所說的漢語、英語一樣。這里的gb2312告訴瀏覽器，本文檔采用簡體中文編碼；還有一種常用的編碼是UTF-8編碼，它是國際通用的編碼。不管我們采用哪種編碼，有一點就是包含的css樣式表和其它文件也必須和本文檔的編碼一樣，要不就會出現(xiàn)亂碼。?3）html標簽html標簽在頁面中都必須結束。成對的標簽以“/標簽名”結束，有些單一的標簽在本身的結尾打上/來結束，這
5、是xhtml代碼編寫的規(guī)范。成對的標簽：
{...}{...}
{...}
{...}{...}
......單一的標簽：
.......還需說明一點的是按xhtml規(guī)范，標簽必須用小寫。4）css樣式加載css樣式有以下四種§外部樣式§內部樣式§行內樣式§導入樣式
這種形式是把css單獨寫到一個css文件內，然后
6、在源代碼中以link方式鏈接。它的好處是不但本頁可以調用，其它頁面也可以調用，是最常用的一種形式。這種形式是內部樣式表，它是以結尾，寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面。內部樣式
這種在標簽內以style標記的為行內樣式，行內樣式只針對標簽內的元素有效，因其沒有和內容相分離，所以不建議使用。@importurl("/css/global.css");鏈接樣式是以@imp
7、orturl標記所鏈接的外部樣式表，它一般常用在另一個樣式表內部。如layout.css為主頁所用樣式，那么我們可以把全局都需要用的公共樣式放到一個global.css的文件中，然后在layout.css中以@importurl("/css/global.css")的形式鏈接全局樣式，這樣就使代碼達到很好的重用性。5）css優(yōu)先級§id優(yōu)先級高于class§后面的樣式覆蓋前面的§指定的高于繼承§行內樣式高于內部或外部樣式§總結：單一的(id)高于共用的(class)，有指定的用指定的，無指定則繼承離它最近的6）css盒模型組成css盒模型是本節(jié)教程的重點。
8、前面幾個知識點，如果您會用表格布局的話，就非常好理解和掌握了。這里
