一、css是Cascading Style Sheets 的縮寫,即層疊式樣式表單，它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn),是對(duì)HTML語(yǔ)言功能的補(bǔ)充。
在呼圖壁等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,成都營(yíng)銷網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),呼圖壁網(wǎng)站建設(shè)費(fèi)用合理。
二、HTML和CSS的區(qū)別?
1、定義不同：
html是HyperTextMark-upLanguage的縮寫，即超文本標(biāo)記語(yǔ)言；
css是Cascading Style Sheets 的縮寫,即層疊式樣式表單，它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn),是對(duì)HTML語(yǔ)言功能的補(bǔ)充。
2、用途不同：
html則是用于文本內(nèi)容，包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。
css是多用于樣式，主要的用途是對(duì)網(wǎng)頁(yè)中字體、顏色、背景、圖像及其他各種元素的控制,使網(wǎng)頁(yè)能夠完全按照設(shè)計(jì)者的要求來(lái)顯示。
3、CSS語(yǔ)法與HTML語(yǔ)法完全不同：
HTML里代碼是功能標(biāo)簽，如DIV、SPAN、A鏈接、em標(biāo)簽、I斜體標(biāo)簽、u下劃線等，html代碼語(yǔ)法范例：div內(nèi)容/div
CSS樣式代碼語(yǔ)法是div{樣式單詞：值}
三、HTML和CSS聯(lián)系：
CSS與HTML相同之處在于，兩個(gè)共同作用讓網(wǎng)頁(yè)實(shí)現(xiàn)需要的布局樣式。
擴(kuò)展資料：
1、標(biāo)記符html,說(shuō)明該文件是用超文本標(biāo)記語(yǔ)言（本標(biāo)簽的中文全稱）來(lái)描述的,它是文件的開頭;而/html,則表示該文件的結(jié)尾，它們是超文本標(biāo)記語(yǔ)言文件的開始標(biāo)記和結(jié)尾標(biāo)記。
2、CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門的CSS文件中，以供HTML頁(yè)面引用?？傊?，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。
CSS（層疊樣式表）級(jí)聯(lián)樣式表是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML
（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。
有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表：
外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁(yè)鏈接到外部樣式表。
嵌入式Embedding（也叫內(nèi)頁(yè)樣式）：在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。
內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。
在Dreamweaver 8中，可以在開始彈出框中點(diǎn)擊新建CSS文件。也可以在最上面的菜單欄里占擊
文件，新建。在彈出框中選擇CSS文件就可以了。
級(jí)聯(lián)樣式表CSS即Cascading Style Sheet(級(jí)聯(lián)樣式表)的縮寫，我們又常稱這為風(fēng)格樣式表Style Sheet，顧名思義，是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如，我想讓我的鏈接字未點(diǎn)擊時(shí)是藍(lán)色的，當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線，這就是一種風(fēng)格。通過設(shè)立樣式表，我們可以統(tǒng)一地控制HMTL中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表讓您更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表，您可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的能力。 一、在網(wǎng)頁(yè)上使用樣式表 (14、15、16、17、18、19、20、21、22） 有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表： 將網(wǎng)頁(yè)鏈接到外部樣式表。 在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。 應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。 每一種方法均有其優(yōu)缺點(diǎn)： 當(dāng)要在站點(diǎn)上所有或部份的網(wǎng)頁(yè)上一致地應(yīng)用相同樣式時(shí)，可使用外部樣式表。在一個(gè)或多個(gè)外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁(yè)，便能確保所有網(wǎng)頁(yè)外觀的一致性。如果您決定更改樣式，您只需在外部樣式表 — 中作一次更改 — 而該更改會(huì)反映到所有與該樣式表相鏈接的網(wǎng)頁(yè)上。通常外部樣式表以 .css 做為文件擴(kuò)展名，例如 Mystyles.css。 當(dāng)只是要定義當(dāng)前網(wǎng)頁(yè)的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級(jí)聯(lián)樣式表，“嵌”在網(wǎng)頁(yè)的 HEAD 標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁(yè)上使用。 使用內(nèi)嵌樣式以應(yīng)用級(jí)聯(lián)樣式表屬性到網(wǎng)頁(yè)元素上。 如果網(wǎng)頁(yè)鏈接到外部樣式表，您為網(wǎng)頁(yè)所創(chuàng)建的內(nèi)嵌的或嵌入式樣式將擴(kuò)充或覆蓋外部樣式表中的指定屬性。 二、創(chuàng)建或編輯樣式表 FrontPage 2000 現(xiàn)在包含有能用來(lái)為站點(diǎn)創(chuàng)建外部樣式表的模板。您可以用空白模板或已包含樣式的模板來(lái)創(chuàng)建（例如 Arcs）。當(dāng)您保存樣式表時(shí)， FrontPage 會(huì)以 . css 作為文件擴(kuò)展名。要編輯樣式表，請(qǐng)雙擊文件夾列表中的樣式表。 當(dāng)您創(chuàng)建或修改網(wǎng)頁(yè)樣式時(shí)，可使用位于 “格式” 菜單的 “樣式” 命令，F(xiàn)rontPage 會(huì)自動(dòng)創(chuàng)建嵌入的樣式表（如果原先不存在），并在嵌入的樣式表內(nèi)將此樣式保存為類選擇器。 您可以使用 “樣式” 對(duì)話框來(lái)創(chuàng)建新類選擇器，修改或刪除現(xiàn)有類選擇器，或?qū)?CSS 格式設(shè)置屬性應(yīng)用到標(biāo)準(zhǔn) HTML 標(biāo)記符上例如 H1。當(dāng)您單擊 “確定” 關(guān)閉對(duì)話框時(shí)，F(xiàn)rontPage 會(huì)將格式設(shè)置特征寫回到使用正確語(yǔ)法的外部或嵌入的樣式表中。或者，您可以用正確 CSS 語(yǔ)法鍵入樣式信息。要鍵入嵌入的樣式表的樣式信息，請(qǐng)單擊網(wǎng)頁(yè)視圖模式下的 “HTML” 選項(xiàng)卡。 如果對(duì)應(yīng)用到站點(diǎn)的主題選擇 “應(yīng)用 CSS ” 復(fù)選框，F(xiàn)rontPage 將在站點(diǎn)的根目錄下創(chuàng)建名為 Theme 1 .css 的文件，其中 Theme 是主題的名稱。如果您修改主題，F(xiàn)rontPage 自動(dòng)將更改寫回主題 CSS 里。您也可以通過直接編輯主題 CSS 來(lái)修改主題。 三、使用樣式表 要在網(wǎng)頁(yè)上使用外部樣式表的樣式，您可將該網(wǎng)頁(yè)鏈接到樣式表，方法是使用位于 “格式” 菜單上的 “樣式表連接” 命令。您可以鏈接一個(gè)或數(shù)個(gè)樣式表到網(wǎng)頁(yè)視圖模式下的當(dāng)前網(wǎng)頁(yè)，或到在文件夾列表中的所選網(wǎng)頁(yè)，或到站點(diǎn)上的全部網(wǎng)頁(yè)。 該“樣式” 框列出標(biāo)準(zhǔn) HTML 標(biāo)記符，例如標(biāo)題 1，還有嵌入的樣式表或鏈接到網(wǎng)頁(yè)的外部樣式表中所含的類或 ID 選擇器。要應(yīng)用樣式到網(wǎng)頁(yè)元素，請(qǐng)選定該樣式然后單擊 “樣式” 框中的樣式或選擇器。 現(xiàn)在，在 Microsoft FrontPage 2000 中，某些格式設(shè)置特性會(huì)作為內(nèi)嵌樣式自動(dòng)應(yīng)用。例如∶如果使用 “邊框與陰影” 命令（在 “格式” 菜單上）在普通段落周圍應(yīng)用框，F(xiàn)rontPage 會(huì)寫下格式設(shè)置信息，作為段落標(biāo)記符的內(nèi)嵌樣式屬性（例如∶ p style="border-style: solid"）。然而某些屬性的應(yīng)用需要使用 CSS，其他則需要使用 HTML 。如果您只想使用 CSS 應(yīng)用內(nèi)嵌樣式，您可使用 “樣式” 按鈕（位于網(wǎng)頁(yè)元素的 “屬性” 對(duì)話框里）應(yīng)用類或 ID 選擇器或嵌入式樣式。 四、刪除外部樣式表中的樣式
1.css是級(jí)聯(lián)樣式表是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。
CSS目前最新版本為CSS3，是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁(yè)中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計(jì)，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語(yǔ)言。CSS能夠根據(jù)不同使用者的理解能力，簡(jiǎn)化或者優(yōu)化寫法，針對(duì)各類人群，有較強(qiáng)的易讀性。
一個(gè)完整漂亮網(wǎng)頁(yè)，就是由html標(biāo)簽與控制這些標(biāo)簽布局和美化功能CSS組成；
2.CSS作用和功能
CSS可以讓網(wǎng)頁(yè)“穿上漂亮衣服”，CSS可以控制HTML標(biāo)簽對(duì)象的css 寬度、css 高度、float浮動(dòng)、文字大小、字體、css背景等樣式達(dá)到我們想要的布局效果。CSS功能和作用也就在于此。
我們學(xué)習(xí)CSS其實(shí)就是學(xué)習(xí)HTML標(biāo)簽應(yīng)用與CSS樣式控制。
外聯(lián)式樣式（屬于外部樣式表）
特征：
1、有一個(gè)單獨(dú)的CSS文件存在！[如：001.css]
2、首先，通過【格式】→【樣式表連接】與CSS文件[001.css]建立連接！
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！
如：link href="001.css" type="text/css" rel="Stylesheet"/
嵌入式樣式（屬于內(nèi)部樣式表）
特征：
1、樣式的屬性內(nèi)容以代碼的形式[放在 ]寫在網(wǎng)頁(yè)代碼中！
2、首先，通過【格式】→【樣式】設(shè)置樣式的屬性內(nèi)容！
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！
如： style type="text/css"
.main{ width:1002px; margin:0 auto;}
/style
內(nèi)聯(lián)式樣式（屬于內(nèi)部樣式表）
特征：
1、樣式的屬性內(nèi)容直接跟在將要修飾的文字標(biāo)記里[如：
2、具體格式： style="font-size:10px;font-color:#ff0000"
例如：修飾單元格里的文字
3. 嵌入式
最初級(jí)的 CSS 寫法即把代碼直接添加于所修飾的標(biāo)記元素。示例代碼如下：
div style="font-family:Arial,Helvetica,sans-serif;"芒果/div
這樣做雖然更為直觀，但很大程度上加大了頁(yè)面體積，不符合結(jié)構(gòu)與表現(xiàn)分離的設(shè)計(jì)思想。
總體而言，外聯(lián)和內(nèi)聯(lián)各有優(yōu)點(diǎn)，可綜合實(shí)際情況選擇適合的級(jí)聯(lián)方式。
擴(kuò)展資料：
編程工具
記事本：使用Windows系統(tǒng)自帶的記事本可以編輯網(wǎng)頁(yè)。只需要在保存文檔時(shí)，以.html為后綴名進(jìn)行保存即可。
Dreamweaver：它與Flash、Fireworks并稱網(wǎng)頁(yè)三劍客。Dreamweaver是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別開發(fā)的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁(yè)。
語(yǔ)言特點(diǎn)
CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。
總體來(lái)說(shuō)，CSS具有以下特點(diǎn)：
豐富的樣式定義
CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁(yè)面效果。
易于使用和修改
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門的CSS文件中，以供HTML頁(yè)面引用?？傊珻SS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。
另外，可以將相同樣式的元素進(jìn)行歸類，使用同一個(gè)樣式進(jìn)行定義，也可以將某個(gè)樣式應(yīng)用到所有同名的HTML標(biāo)簽中，也可以將一個(gè)CSS樣式指定到某個(gè)頁(yè)面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。
多頁(yè)面應(yīng)用
CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁(yè)面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁(yè)面文件，在任何頁(yè)面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁(yè)面風(fēng)格的統(tǒng)一。
層疊
簡(jiǎn)單的說(shuō)，層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式，這將使用最后一次設(shè)置的屬性值。例如對(duì)一個(gè)站點(diǎn)中的多個(gè)頁(yè)面使用了同一套CSS樣式表，而某些頁(yè)面中的某些元素想使用其他樣式，就可以針對(duì)這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁(yè)面中。
這些后來(lái)定義的樣式將對(duì)前面的樣式設(shè)置進(jìn)行重寫，在瀏覽器中看到的將是最后面設(shè)置的樣式效果。
頁(yè)面壓縮
在使用HTML定義頁(yè)面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會(huì)產(chǎn)生大量的HTML標(biāo)簽，從而使頁(yè)面文件的大小增加。
而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁(yè)面的體積，這樣在加載頁(yè)面時(shí)使用的時(shí)間也會(huì)大大的減少。另外，CSS樣式表的復(fù)用更大程序的縮減了頁(yè)面的體積，減少下載的時(shí)間。
參考資料：百度百科-CSS
重慶分公司
重慶分公司
