p { color: red; font-size: 18px; }
p
是一個選擇器,表示匹配所有<p>
標籤,並將其樣式解讀為一個CSS聲明區塊。 color
和font-size
是特定的CSS屬性,它們的值分別為red
和18px
。
<head>
標記之間的<style>
標記內。這種方法定義的CSS樣式僅適用於目前頁面。範例如下:
<!DOCTYPE html> <html> <head> <title>嵌入CSS代码示例</title> <style> p { color: red; font-size: 18px; } </style> </head> <body> <p>这是一段红色的文本,字号为18像素。</p> </body> </html>
<p>
元素。
<link>
標記將它們連結到頁面中。這種方法定義的CSS樣式可以供多個頁面使用。範例如下:
<p>假設我們將以下CSS程式碼保存在一個名為「style.css」的檔案中:
p { color: red; font-size: 18px; }
<!DOCTYPE html> <html> <head> <title>外部CSS文件链接示例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一段红色的文本,字号为18像素。</p> </body> </html>
<link>
#標記將style.css
檔案連結到了目前頁面中,從而可以應用它的CSS樣式。
<p>總結
<p>CSS是一種用於網頁設計的樣式表語言,可以讓網頁的外觀和佈局更加美觀和易於操作。為了使用CSS,我們需要編寫CSS程式碼,並將它們嵌入到HTML文件中或透過連結到一個外部CSS檔案來使用。透過掌握這些方法,我們可以輕鬆地使用CSS來設計出更出色和個人化的網頁。 以上是如何編寫和應用CSS程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!