柵格與響應(yīng)式（移動(dòng)端的興起，2007與2010）當(dāng)前WEB前端開發(fā)使用DIV+CSS的布局方式會(huì)比較多也比較常用吧，網(wǎng)頁布局看起來貌似簡(jiǎn)單，但是它需要綜合使用很多HTML+CSS的知識(shí)，總的來說知識(shí)量是不小。
從策劃到設(shè)計(jì)制作，每一步都追求做到細(xì)膩，制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)頁設(shè)計(jì)、域名申請(qǐng)、虛擬空間、網(wǎng)絡(luò)營(yíng)銷、VI設(shè)計(jì)、 網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進(jìn)步。
其實(shí)，該方案對(duì)所有的塊級(jí)容器都可以生效。如果你的塊級(jí)容器的寬高是動(dòng)態(tài)的，那么背景圖將自動(dòng)伸縮，充滿整個(gè)容器。
當(dāng)兩個(gè)元素分別向左和向右浮動(dòng)的時(shí)候(box1向右浮動(dòng)，box2向左浮動(dòng))，我們發(fā)現(xiàn)，可以在不調(diào)整HTML的情況下通過CSS布局調(diào)整內(nèi)容的顯示位置(box2在box1的左邊)。
使用cssfloat并排顯示：對(duì)div設(shè)置一個(gè)float浮動(dòng)屬性即可解決不并排顯示，只要并排div盒子總寬度小于或等于最外層盒子寬度即可實(shí)現(xiàn)多個(gè)div對(duì)象并排顯示。加float浮動(dòng)實(shí)現(xiàn)多個(gè)div并排顯示。
我們選擇將我們的樣式全部建到一個(gè)CSS文檔中，通過調(diào)用CSS文件來加載樣式。在頭部調(diào)用CSS文件樣式。對(duì)于CSS，我們最常用的是通過class或是標(biāo)簽名來控制樣式。我們控制字體樣式使用的font。
CSS優(yōu)先級(jí)：在CSS樣式中，使用針對(duì)性更強(qiáng)的選擇器、屬性或值時(shí)，會(huì)優(yōu)先應(yīng)用針對(duì)性較高的樣式，覆蓋掉全局樣式。
要想修改別的頁面的樣式，在全局樣式下，新加載一個(gè)樣式，控制要修改的樣式。
就像瓷套娃，假定最外層的是你的HTML/HTML，那么，在這一次定義的CSS樣式或者可能會(huì)對(duì)頁面上所有的“DIV”產(chǎn)生影響，這也就是我們所說的“全局樣式”。但是，這全局樣式同樣也是受內(nèi)層容器限制的。
在b網(wǎng)頁直接導(dǎo)入css后，重新寫一個(gè)全局。重寫的要在link 之后。
1、新建HTML文件 在DW8右側(cè)欄目里點(diǎn)擊CSS下三角箭頭展開。點(diǎn)擊展開后模塊底部的小（+）號(hào)添加樣式表。名稱里隨便添些字母，下面選擇新建樣式表。5，確定保存文件。樣式表就建成了。并在HTML連接代碼也加入了。
2、兩種方法是殊途同歸的(但是推薦使用第一種方法).使用style屬性對(duì)標(biāo)簽加載樣式示例使用css 此例使用了標(biāo)簽的style屬性。外部樣式表 當(dāng)樣式需要被應(yīng)用到很多頁面的時(shí)候，外部樣式表將是理想的選擇。
3、一般來說只有3種：最常用的，引入樣式表，在樣式表中編寫樣式，引入方式如下： 在Html頭部用包起來，在這里面編寫樣式： { padding： 0；margin： 0 } 在標(biāo)簽里面直接編寫行內(nèi)樣式。
4、你可以先建立外部樣式表文件（.css），然后使用HTML的link對(duì)象。
5、一般添加css樣式表的方式有3種！一種是引入css樣式表，引入css樣式表一般用link的方式引入，代碼如下 如果對(duì)寫代碼不是很流利的話可以用DW 手動(dòng)引入，操作步驟圖片如下：選擇好了點(diǎn)擊確認(rèn)就可以了。
打開CSS樣式面板使用“CSS樣式”面板可以查看、創(chuàng)建、編輯和刪除CSS樣式，也可以將外部樣式表附加到文檔。
在點(diǎn)擊菜單欄上的Text|CSS Styles| Edit Style Sheet(或者直接按快捷鍵Ctrl+shift+E)，調(diào)出Edit Style Sheet（編輯樣式表）對(duì)話框窗口。
使用CSS規(guī)則設(shè)置超鏈接的顯示 打開文檔，然后打開“CSS樣式”面板。
一般地講，樣式表（style sheet）就是控制網(wǎng)頁內(nèi)容外觀的格式化的規(guī)則的集合?？梢砸匀N不同的方式在你的頁面中使用CSS：代碼式（Inline）：寫入到代碼中的一次性的樣式。
使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則 打開文檔，將光標(biāo)移動(dòng)到要插入CSS規(guī)則的位置上，然后選擇下面的任意一種方法打開“新建 CSS 規(guī)則”對(duì)話框。
1、外聯(lián)式樣式表：這種方法就是把公用的樣式都寫在同一個(gè)css文件中，哪個(gè)網(wǎng)頁要用到她，就通過標(biāo)簽把樣式引入即可：這樣一來所有的頁面就可以共享這個(gè)公有的樣式了。
2、注意：背景圖片固定控制背景圖片是否隨網(wǎng)頁的滾動(dòng)而滾動(dòng)。如果不設(shè)置背景圖片固定屬性，瀏覽器默認(rèn)背景圖片隨網(wǎng)頁的滾動(dòng)而滾動(dòng)。
3、內(nèi)部樣式（內(nèi)聯(lián)樣式）：寫在HTML頁面內(nèi)部，存放于head標(biāo)記當(dāng)中，樣式寫在style標(biāo)記內(nèi)。例：選擇器 {屬性名：屬性值；屬性名：屬性值；...} 外部樣式（外聯(lián)樣式）：寫在css文件內(nèi)。
4、直接寫a標(biāo)簽里 寫在標(biāo)簽里 a{color：顏色；} 注：Css樣式里的color 屬性規(guī)定文本的顏色。
5、文字占據(jù)一行文字不占據(jù)一行 、html引入css的幾種方法鏈接式將css代碼寫在一個(gè)獨(dú)立的文件中，文件的擴(kuò)展名為.css。然后在html網(wǎng)頁中使用標(biāo)簽將外部css文件放在之間。
6、如果你覺得照片位于頁面的正中間不滿意，只需要調(diào)整以下代碼中的“background-position的值就可以了。
如果你要在HTML元素中設(shè)置CSS樣式，你需要在元素中設(shè)置id 和 class選擇器。id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。HTML元素以id屬性來設(shè)置id選擇器，CSS 中 id 選擇器以 # 來定義。
基礎(chǔ)選擇器 a.id選擇器：通過設(shè)置元素的id屬性為該元素制定ID。ID由開發(fā)者指定。每個(gè)ID在文檔中必須是唯一的。在寫樣式表時(shí)，ID選擇器是以#開頭的。
選擇器類型 CSS樣式有多種方式實(shí)現(xiàn)元素選擇。各種各樣的選擇方法包括通過通用選擇器，類型選擇器，類選擇器，ID選擇器，祖先選擇器，子孫選擇器，鄰接兄弟選擇器和屬性選擇器進(jìn)行選擇。
有時(shí)候，你需要選擇本身沒有標(biāo)簽，但是 仍然易于識(shí)別的網(wǎng)頁部位，比如段落首行 或鼠標(biāo)滑過的連接。CSS為他們提供一些選 擇器：偽類和偽元素。
重慶分公司
重慶分公司
