新疆十一选五电脑版:CSS 在線手冊

收藏(11)分享
閱讀(22036)更新時間(2016-10-15)

新疆十一选五预测号码今天 www.envkt.com 《CSS在線手冊》為官方CSS在線參考手冊,本CSS在線開發手冊包含了各種css屬性、定義、使用方法,實例運行等,是WEB編程學習及開發者不可或缺的在線查詢手冊!CSS:層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)。


CSS即層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。

CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。

提示:在繼續學習CSS之前,你需要對HTML以及XHTML知識有基本的了解。

CSS語言基礎

  • 屬性

屬性的名字是一個合法的標識符,它們是CSS語法中的關鍵字。一種屬性規定了格式修飾的一個方面。

例如:color是文本的顏色屬性,而text-indent則規定了段落的縮進。

  • 屬性值

  1. 整數和實數

  2. 長度量

  3. 百分數量

  • 選擇器

CSS選擇器用于選擇你想要的元素的樣式的模式。HTML頁面中的元素就是通過CSS選擇器進行控制的。

每一條css樣式定義由兩部分組成,形式如下: 

[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。 “選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。

下面就給大家介紹樣式表定義是如何顯示 HTML 元素的。

創建并運行第一個CSS實例!

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(www.envkt.com)</title>
<style>
body
{
	background-color:#d0e4fe;
}
h1
{
	color:orange;
	text-align:center;
}
p
{
	font-family:"Times New Roman";
	font-size:20px;
}
</style>
</head>

<body>

<h1>CSS 實例!</h1>
<p>這是一個段落。</p>

</body>
</html>

是不是非常簡單!CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

提示:我們的CSS教程將幫助您逐步如何使用 CSS 同時控制多重網頁的樣式和布局。如果你有任何疑問,請前往PHP中文網CSS社區提出你的問題,會有熱心網友為你解答。

CSS語言的特點

  • 豐富的樣式定義:CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

  • 易于使用和修改:CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。

  • 另外,可以將相同樣式的元素進行歸類,使用同一個樣式進行定義,也可以將某個樣式應用到所有同名的HTML標簽中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式聲明進行修改。

  • 多頁面應用:CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。

  • 層疊:簡單的說,層疊就是對一個元素多次設置同一個樣式,這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些后來定義的樣式將對前面的樣式設置進行重寫,在瀏覽器中看到的將是最后面設置的樣式效果。

  • 頁面壓縮:在使用HTML定義頁面效果的網站中,往往需要大量或重復的表格和font元素形成各種規格的文字樣式,這樣做的后果就是會產生大量的HTML標簽,從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在加載頁面時使用的時間也會大大的減少。另外,CSS樣式表的復用更大程度的縮減了頁面的體積,減少下載的時間。

本CSS教程手冊涵蓋的內容

本CSS教程手冊涵蓋了所有CSS基礎知識,包含CSS定義、CSS語法、CSS屬性、CSS使用方法、CSS響應式的介紹以及很多在線實例和完整的CSS屬性參考手冊等等。

提示:本教程的每一章都包含了很多CSS實例,您可以直接點擊 "運行實例" 按鈕在線查看運行結果。這些例子將幫助您更好地理解和使用CSS語言。

其它CSS相關學習參考資源

除了本頁面右側的知識拓展,還為大家精選了以下資源

最新章節


框架2016-10-18
視頻(Video)2016-10-18
圖片2016-10-18
媒體查詢2016-10-18
網格視圖2016-10-18
Viewport2016-10-18
CSS 實例2016-10-18
CSS 總結2016-10-18