CSS樣式規(guī)則由什么組成

CSS

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),五峰企業(yè)網(wǎng)站建設(shè),五峰品牌網(wǎng)站建設(shè),網(wǎng)站定制,五峰網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,五峰網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

層疊樣式表簡寫為CSS，是英語Cascading Style Sheets的縮寫。它是W3C定義和維護(hù)的標(biāo)準(zhǔn)，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應(yīng)用）添加樣式（字體、間距和顏色等）的計(jì)算機(jī)語言。

概述

一個(gè)網(wǎng)頁的讀者和作者都可以使用CSS來決定文件的顏色、字體、排版等顯示特性。CSS最主要的目的是將文件的結(jié)構(gòu)（用HTML或其它相關(guān)的語言寫的）與文件的顯示（CSS）分隔開來。這個(gè)分隔有許多好處：

文件的可讀性被加強(qiáng)

文件的結(jié)構(gòu)更加靈活

作者和讀者可以自己決定文件的顯示

文件的結(jié)構(gòu)簡化了。

CSS還可以使用其它的顯示方式，比如聲音（假如瀏覽器有閱讀功能的話）或給盲人用的感受裝置。此外CSS還可以與XHTML、XML或其它結(jié)構(gòu)文件一起使用，唯一條件是顯示這種文件的瀏覽器裝備了接受CSS的功能。

HTML文件中的每一個(gè)class或id都可以有自己的顯示特征，而且每一個(gè)沒有id特性的HTML結(jié)構(gòu)也可以有自己的顯示特征。這些結(jié)構(gòu)有的是HTML自己需要的，有的是專門為CSS設(shè)置的。

CSS信息可以來自：

作者樣式

作者可以在他的HTML文件中確定一個(gè)外來的、獨(dú)立的CSS文件

作者可以將CSS信息包含在HTML文件內(nèi)

作者可以在一個(gè)HTML指令內(nèi)結(jié)合CSS指令，這樣做一般是為了在一個(gè)特殊情況下將總體的CSS指令抵消掉

讀者樣式

讀者可以在他的瀏覽器內(nèi)設(shè)立一個(gè)地區(qū)性的CSS文件。這個(gè)CSS文件可以用在所有的HTML文件上。假如作者的CSS文件與讀者的相沖突，那么讀者可以確定他想使用哪個(gè)

瀏覽器的樣式

假如外部沒有特別指定一個(gè)樣式的話，一般瀏覽器自己有一個(gè)內(nèi)在的樣式

使用CSS的優(yōu)點(diǎn)有：

一個(gè)整個(gè)網(wǎng)站或其中一部分網(wǎng)頁的顯示信息被集中在一個(gè)地方，要改變它們很方便

不同的讀者可以有不同的樣式，比如有的讀者需要字體比較大

HTML文件本身的范圍變小了，它的結(jié)構(gòu)簡單了，它不需要包含顯示的信息

樣式規(guī)則

CSS的語法很簡單，它使用一組英語詞來表示不同的樣式和特征。

一個(gè)式樣表由一組規(guī)則組成。每個(gè)規(guī)則由一個(gè)“選擇器”（selector）和一個(gè)定義部分組成。每個(gè)定義部分包含一組由半角分號(hào)（;）分離的定義。這組定義放在一對(duì)大括號(hào)（{ }）之間。每個(gè)定義由一個(gè)特性，一個(gè)半角冒號(hào)（:）和一個(gè)值組成。

選擇器（Selector）

通常為文件中的元素（element），如html中的body，p，strong等標(biāo)簽，多個(gè)選擇器可以半角逗號(hào)（,）隔開。

屬性（property）

CSS1、CSS2、CSS3規(guī)定了許多的屬性，目的在控制選擇器的樣式。

值（value）

指屬性接受的設(shè)定值，可由各種關(guān)鍵字（keyword）組成，多個(gè)關(guān)鍵字時(shí)大都以空格隔開。

要針對(duì)沒有標(biāo)簽定義范圍進(jìn)行樣式設(shè)定時(shí)，可利用div與span標(biāo)簽

求css3.0手冊(cè)（網(wǎng)頁布局使用）

CSS 3.0 參考手冊(cè) (中文版)版本號(hào)：beta1 (最后更新時(shí)間：2009-8-22)

CSS 是 Cascading Style Sheet 的縮寫。譯作「層疊樣式表」。是用于(增強(qiáng))控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。

手冊(cè)難點(diǎn)

中文資料少，對(duì)英文翻譯功底要求較高；

基礎(chǔ)語法要求字斟句酌，避免產(chǎn)生歧義；

兼容性列表涉及瀏覽器及版本眾多；

草案中的Grid布局被業(yè)界同仁普遍認(rèn)為比“天書”還難…

CSS3 還是草案，中文資料少之又少，基本上都是一篇內(nèi)容轉(zhuǎn)來轉(zhuǎn)去，而我們的手冊(cè)從基礎(chǔ)語法到示例制作，都是根據(jù)W3C工作草案進(jìn)行翻譯，并結(jié)合自身的沉淀制作示例。

備受期待的 CSS 3 新功能

圓角、多背景、@font-face 用戶自定義字體、動(dòng)畫與漸變、漸變色、盒陰影、RGBa - 加入透明色、文字陰影等等

CSS3 的出現(xiàn)，讓代碼更簡潔、頁面結(jié)構(gòu)更合理，性能和效果得到兼顧。

這是大致內(nèi)容 給你個(gè)網(wǎng)站 自己去下載 在最后有下載連接

一些css代碼的含義

Alpha, 透明度

fixed, 固定布局的算法

center, 居中對(duì)齊

opacity, 設(shè)置或檢索透明漸變的開始透明度。取值范圍為 0 - 100 。默認(rèn)值為

finishopacity, 設(shè)置或檢索透明漸變的結(jié)束透明度

transparent,背景色透明

filter, 要使用的濾鏡效果

strength, 設(shè)置或檢索以對(duì)象為基準(zhǔn)的在運(yùn)動(dòng)方向上的向外擴(kuò)散距離

span, 部分文本適用樣式

如：部分文本適用樣式

上段字你想要文本兩個(gè)字是紅色的可以加

部分span color=red文本/span適用樣式

font-weight, 文本字體的粗細(xì)

bold,粗 對(duì)字體的而言

arial, 英文字體，如，宋體，黑體之類的

position, 對(duì)象的定位方式

textalign, 文本定位 一個(gè)有居中；居左，居右之類

background-attachment, 背景圖像是隨對(duì)象內(nèi)容滾動(dòng)還是固定的

margin-bottom,下邊距

bottom,下

padding, 填充

hover, 放上去；一般和a:hover連起來用，是鼠放上去的字體效果

-moz-opacity, ？ opacity這個(gè)跟透明度有關(guān)

auto 自動(dòng) !ortant,

background-position, 背景定位

margin-top 上邊距