CSS是Cascading Style Sheets的簡稱,通常又稱作樣式表,是一種設計網(wǎng)頁樣式的工具。不僅可以靜態(tài)地修飾網(wǎng)頁,擁有對網(wǎng)頁對象和模型樣式編輯的能力
css語法
CSS 規(guī)則集(rule-set)由選擇器和聲明塊組成
例子解釋
p
是 CSS 中的選擇器(它指向要設置樣式的 HTML 元素:<p>
)
color
是屬性,red
是屬性值
text-align
是屬性,center
是屬性值
如:
CSS 實例
CSS聲明總是以分號(;
)結束,聲明總以大括號({}
)括起來:
p { color:red; text-align:center; }
p { color:red; text-align:center; }
注釋是用來解釋你的代碼,并且可以隨意編輯它,瀏覽器會忽略它。
CSS注釋以 /*
開始, 以 */
結束, 實例如下:
/*這是個注釋*/ p { text-align:center; /*這是另一個注釋*/ color:black; font-family:arial; }
CSS如何使用方法?
CSS是Cascading Style Sheets的簡稱,通常又稱作樣式表,是一種設計網(wǎng)頁樣式的工具。不僅可以靜態(tài)地修飾網(wǎng)頁,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
CSS使用方法
編輯工具:任何文本編輯工具
樣式表使用方法一般有三種:
-
文檔頭部插入:適用于單個網(wǎng)頁應用。
-
行內插入:適用于頁面中一、兩個地方才用到CSS
-
外部鏈接樣式文件:適用于多個網(wǎng)頁都用到CSS
在HTML網(wǎng)頁中css的不同使用方法調用css的方法不同
文檔頭部插入
<style type="text/css">……</style>
例如
<html> <head> <title>中文網(wǎng)(php.com)</title> <style type="text/css"> body {background-color:yellow;} h1 {font-size:36pt;} h2 {color:blue;} p {margin-left:50px;} </style> </head> <body>
注:這里將style對象的type屬性設置為”text/css
”是不支持這類型的瀏覽器忽略樣式表單。
行內插入
<p style=”font-size:16pt;color:blue”>藍色16號文字</p>
采用<style=” “>
的格式把樣式寫在html中的任意行內,這樣比較方便靈活。
外部鏈接樣式文件
先建立外部樣式表文件(.css
),然后使用HTML的link對象
<head> <title>中文網(wǎng)(php.com)</title> <link rel=stylesheet href="http://www.php.cn/php.cn" type="text/css"> </head>
這種方法非常適宜同時定義多個文檔。它能使多個文檔同時使用相同的樣式,從而減少了大量的冗余代碼。
注意事項
-
注意要細心
推薦學習:CSS視頻教程