CSS(層疊樣式表)基礎知識(連載一)

        CSS 是 Cascading Style Sheet 的縮寫。也稱之爲“層疊樣式表單”,是用於(增強)控制網頁樣式並允許將樣式信息與網頁內容分離的一種標記性語言。CSS的出現,使得我們可以將網頁代碼與樣式定義分離開來,從而爲以後的頁面樣式更新提供更多的方便,不再像以前那樣,爲了修改網頁中某一處的樣式而在源代碼中苦苦尋覓。有了CSS,我們就可以達到“一處改動,全站皆變”的效果,極大地提高了工作效率。
 
 1.如何將樣式表(CSS)加入到您的網頁中?
 
①鏈接外部樣式表,首先您要建立自己的樣式表文件,比如index.css。然後使用HTML的link對象鏈入外部樣式表文件,代碼示例:
<head>
<title>網工筆記CSS連載</title>
<link rel=stylesheet href="../index.css" type="text/css">
</head>
 
②如果要在XML文件中加入樣式表,示例代碼如下:
<? xml-stylesheet type="text/css" href="../index.css" ?>
 
③定義內部樣式表,即把樣式定義代碼直接寫入網頁文件當中(這種方法不推薦使用)。示例代碼如下:
<html>
<head>
<title>網工筆記CSS連載</title>
<style type="text/css">
<!--
body {font-size: 12px; color: black;}
p {padding: 5px; text-indent: 20px;}
-->
</style>
</head>
<body>
 
④內聯定義,即在對象的標記內使用style屬性定義當前對象的樣式,代碼示例如下:
<p style="padding: 5px; text-indent: 20px;">......</p>
 
2.樣式表的語法
Selector { property: value }
Selector:選擇符,就是你要制定的樣式的名字,即網頁中需要調用的樣式的名字,比如定義了一個樣式的選擇符是P,那麼網頁中,所有的<p>標記都將使用該樣式。
property : value -- --樣式表定義。屬性和屬性值之間用冒號(:)隔開。多個定義之間用分號(;)隔開。
 
 
今天的基礎知識就先講解到這裏,下一節我們將詳細講解樣式表的語法中關於幾種選擇符的含義及其在網頁中的調用方法。高手儘可跳過,呵呵~~~~下節見
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章