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