資源描述：
《十天學(xué)會(huì)divcss系列-第02天》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、第二天一列布局今天我們開始學(xué)習(xí)《十天學(xué)會(huì)web標(biāo)準(zhǔn)(div+css)》的一列布局，包含以下幾種形式：·一列固定寬度·一列固定寬度居中·一列自適應(yīng)寬度·一列自適應(yīng)寬度居中·一列二至多塊布局前一節(jié)我們回顧了xhtml基礎(chǔ)和css基礎(chǔ)部分，今天我們正式開始使用網(wǎng)頁(yè)制作軟件——adobe公司出品的dreamweaver來(lái)開始網(wǎng)頁(yè)設(shè)計(jì)之旅。相信之前您已經(jīng)用過(guò)這個(gè)軟件了，具體怎么使用我就不講了。為了照顧部分朋友，今天課程的css部分我們是以可視化生成方式，不過(guò)建議大家能手寫的盡量還是手寫，這樣有助于提高效率。一、一列固定寬度我們先看
2、一下一列固定寬度，首先要新建一個(gè)頁(yè)面：注意：這里的文檔類型是過(guò)渡型，目前我們采用這種寬松驗(yàn)證方式。接下來(lái)在頁(yè)面中插入一個(gè)div標(biāo)簽，我們可以點(diǎn)擊工具欄的“插入DIV標(biāo)簽”按鈕，在打開的對(duì)話框中ID項(xiàng)給這個(gè)div命一下名，我們給它起個(gè)名叫l(wèi)ayout（名稱根據(jù)自己需要命名）。插入div后，在右側(cè)的css樣式面板中，定義id為layout的樣式，確定后在打開的css編輯對(duì)話框的方框選項(xiàng)中設(shè)計(jì)寬度500，高度300。為了看清楚起見，我們把這個(gè)div設(shè)置個(gè)背景色，這樣就能預(yù)覽出大小和位置了。這里選擇高級(jí)，然后在選擇器中填寫：#l
3、ayout，如果是選中div后，再點(diǎn)擊添加，它會(huì)自動(dòng)添加上。因?yàn)槭嵌xID，所以前面需要加#，后面會(huì)有id和class的詳細(xì)講解我們預(yù)覽一下，看看在IE中的顯示效果，一列固定寬度就這樣做成了，簡(jiǎn)單吧！CSS代碼及在IE中顯示如下：#layout{height:300px;width:400px;background:#99FFcc;}4、ww.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">#layout{height:300px;width:400px;background:#99FFcc;}5、id="layout">此處顯示id"layout"的內(nèi)容
