1. 程式人生 > >前端開發-CSS 語法

前端開發-CSS 語法

冒號 css樣式 property 規則 spa tex class 部分 charset

CSS 語法

CSS 實例

CSS 規則由兩個主要的部分構成:選擇器,以及一條或多條聲明:

技術分享圖片

選擇器通常是您需要改變樣式的 HTML 元素。

每條聲明由一個屬性和一個值組成。

屬性(property)是您希望設置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。

CSS聲明總是以分號(;)結束,聲明組以大括號({})括起來:

p{
        color:red;
        text-align:center;
    }

  

實例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      p{
        color:red;
        text-align:center;
    }
    </style>
</head>
<body>
    <p>Hello World!</p>
    <p>這個段落采用CSS樣式化。</p>


</body>
</html>

CSS 註釋

註釋是用來解釋你的代碼,並且可以隨意編輯它,瀏覽器會忽略它。

CSS註釋以 "/*" 開始, 以 "*/" 結束, 實例如下:

/*這是個註釋*/
p
{
text-align:center;
/*這是另一個註釋*/
color:black;
font-family:arial;
}

  

  

前端開發-CSS 語法