WIKI使用導(dǎo)航
站長(zhǎng)百科導(dǎo)航
站長(zhǎng)專(zhuān)題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢(qián)
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專(zhuān)題
- 云計(jì)算
- 微博營(yíng)銷(xiāo)
- 虛擬主機(jī)管理系統(tǒng)
- 開(kāi)放平臺(tái)
- WIKI程序與應(yīng)用
- 美國(guó)十大主機(jī)
CSS
CSS是Cascading Style Sheets的英文縮寫(xiě),即層疊樣式表。CSS是一種標(biāo)記語(yǔ)言，不需要編譯，可以由瀏覽器執(zhí)行。CSS用來(lái)控制頁(yè)面的顯示樣式。
CSS介紹
- CSS是Cascading Style Sheets(層疊樣式表)的簡(jiǎn)稱(chēng).
- CSS語(yǔ)言是一種標(biāo)記語(yǔ)言,它不需要編譯,可以直接由瀏覽器解釋執(zhí)行(屬于瀏覽器解釋型語(yǔ)言).
CSS簡(jiǎn)介
DIV+CSS布局大全
CSS布局的優(yōu)點(diǎn)
用CSS布局相對(duì)于傳統(tǒng)的TABLE網(wǎng)頁(yè)布局而具有以下3個(gè)顯著優(yōu)勢(shì)：
1：表現(xiàn)和內(nèi)容相分離
2：提高頁(yè)面瀏覽速度
3：易于維護(hù)和改版
CSS樣式規(guī)則
CSS的語(yǔ)法很簡(jiǎn)單，它使用一組英語(yǔ)詞來(lái)表示不同的樣式和特征。
一個(gè)樣式表有一組規(guī)則組成，每個(gè)規(guī)則提議涂改"選擇器"(sekector)和一個(gè)定義部分組成，每個(gè)定義部分包含一組有半形分號(hào)（;）分離的定義，這組定義放在一對(duì)大括弧({ })直接，每個(gè)定義有一個(gè)特性，一個(gè)半形冒號(hào)（:）和一個(gè)值組成
選擇器(Selector):通常為文件中的元素(element),如HTML中的<BODY>，<P>，<strong>等標(biāo)簽，多個(gè)選擇器可以半形逗號(hào)（,）隔開(kāi)。
屬性(property)：CSS1、CSS2、CSS3規(guī)定了許多的熟悉，目的在控制選擇器的樣式。
值(Value)：指屬性接受的設(shè)定值，可由各種關(guān)鍵詞組成，多個(gè)關(guān)鍵詞大都已空格隔開(kāi)。
要針對(duì)沒(méi)有標(biāo)簽定義范圍進(jìn)行樣式設(shè)定時(shí)，可利用code><div>與<span>標(biāo)簽
例子： <source lang="css">
P{
font-size: 110%;
font-family: garamond, sans-serif;
}
H2{
color: red;
background: white;
}
.highlight{
color: red;
background: yellow;
font-weight: bold;
}
</source>
在這個(gè)例子里有三個(gè)選擇器：P、H2和.highlight，color: red是一定義，其中color是屬性，red是color的值。
在這里HTML種的結(jié)構(gòu) P（段落）和 H2(二級(jí)標(biāo)題)獲得了不同的樣式，每個(gè)段落的字體的大小比包含這個(gè)段落的結(jié)構(gòu)的姿態(tài)的大小要大10%，其中字形是Garamond，假如Garamond沒(méi)有的話(huà)，那么使用一般的sans-serif字形。2級(jí)標(biāo)題的字用紅色，底面是白色的，這個(gè)例子中的第三個(gè)規(guī)則規(guī)定了一個(gè)class的樣式，通過(guò)class屬性每個(gè)HTML結(jié)構(gòu)都可以被指定為這個(gè)class，例如：
<P class="highlight">這個(gè)段落將被顯示為黃底紅字粗體。</P>
顯示為
CSS檔內(nèi)也可以包含注釋?zhuān)⑨屢?code>/*開(kāi)始，以*/結(jié)尾，例如：
/* 注釋 */
CSS縮寫(xiě)規(guī)則
使用 CSS 縮寫(xiě)可以減少 CSS 文件的大小，并使其更為易讀<ref>常用 CSS 縮寫(xiě)語(yǔ)法總結(jié)</ref>，例如：
1. 顏色縮寫(xiě)：16 進(jìn)制的色彩值，如果每?jī)晌坏闹迪嗤梢赃M(jìn)行縮寫(xiě)，例如：
- 000000 可以縮寫(xiě)為 #000，#336699 可以縮寫(xiě)為 #369;
2. 盒尺寸縮寫(xiě)：Property: Value1 Value2 Value3 Value4；四個(gè)值依次表示 Top，Right，Bottom，Left
3. 邊框縮寫(xiě)
邊框的屬性如下：
border-width: 1px;
border-style: solid;
border-color: #000;
可以縮寫(xiě)為一句：border: 1px solid #000;
4. 背景縮寫(xiě)
background-color: #F00;
background-image: url(Background.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;
可以縮寫(xiě)為一句：background: #F00 url(Background.gif) no-repeat fixed 0 0;
CSS發(fā)展歷史
哈坤于1994年在芝加哥的一次會(huì)議上第一次提出了CSS的建議，1995年他與波斯一起再次提出這個(gè)建議。當(dāng)時(shí)W3C剛剛建立，W3C對(duì)CSS的發(fā)展很感興趣，它為此組織了一次討論會(huì)。哈坤、波斯和其他一些人（比如微軟的托馬斯·雷爾登）是這個(gè)項(xiàng)目的主要技術(shù)負(fù)責(zé)人。1996年底，CSS已經(jīng)完成。1996年12月CSS要求的第一版本被出版。
- 1996年W3C正式推出了CSS1.
- 1998年W3C正式推出了CSS2.
- CSS2.1是W3C現(xiàn)在正在推薦使用的.
- CSS3現(xiàn)在還處于開(kāi)發(fā)中.