在之前的文章《什麼是HTML元素？淺談元素的語法規則》中帶大家了解了HTML元素和語法規則。下面本篇文章跟大家介紹一下CSS語法，了解一下CSS樣式表三種使用方法,下面我們就來看一下吧！ ！
一、css語法
#CSS 規則集（rule-set）由選擇器和宣告區塊組成
範例解釋
p是CSS 中的選擇器（它指向要設定樣式的HTML 元素：<p></p>）
color 是屬性，red 是屬性值
##text-align 是屬性，center 是屬性值
程式碼範例：
<html>
<head>
<style>
p
{
color:red;
text-align:center;
}
</style>
</head>
<body>
<p>php</p>
<p>php中文网</p>
</body>
</html>
效果圖：
#CSS 實例：
CSS宣告總是以分號(;)結束，宣告總以大括號({})括起來:
p
{
color:red;
text-align:center;
}註解是用來解釋你的程式碼，並且可以隨意編輯它，瀏覽器會忽略它。 <p></p>CSS註解以 /* 開始, 以 */ 結束, 實例如下:
/*这是个注释*/
p
{
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}
#二、CSS如何使用方法？
CSS使用方法：編輯工具<p></p>任何文字編輯工具樣式表使用方法一般有三種：<p></p>1）文件頭部插入：適用於單一網頁應用
2）行內插入：適用於頁面中一、兩個地方才用到CSS
3 )外部連結樣式檔：適用於多個網頁都用到CSS
在HTML網頁中css的不同使用方法呼叫css的方法不同<p></p>1、頭部插入樣式
<style type="text/css">……</style>
程式碼範例：
<html>
<head>
<title>中文网(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# ”是不支援這類型的瀏覽器忽略樣式表單。
2、行內插入樣式
<p style=“font-size:16pt;color:blue”>蓝色16号文字</p>採用
3、外部連結樣式
先建立外部樣式表檔（.css）,然後使用HTML的link物件
<head> <title>中文网(php.com)</title> <link rel=stylesheet href="http://www.php.cn/php.cn" type="text/css"> </head>這種方法非常適合同時定義多個文件。它能使多個文件同時使用相同的樣式，從而減少了大量的冗餘程式碼。 <p></p>而在XML中，你應該如下例所示在宣告區中加入：
<? xml-stylesheet type="text/css" href="http://www.php.cn/php.css" ?>#定義內部樣式區塊物件(Embedding a Style Block)
和
標記之間插入一個
區塊物件。 注意事項
- #注意要細心<p></p>
以上是什麼是CSS文法？詳細介紹使用方法及規則的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
記事本++7.3.1
好用且免費的程式碼編輯器
WebStorm Mac版
好用的JavaScript開發工具
Dreamweaver Mac版
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
