1. 程式人生 > >css編輯檢視之樣式基本語法結構

css編輯檢視之樣式基本語法結構

CSS的編輯和檢視

CSS跟html一樣,同樣是文字檔案,大家同樣可以使用記事本,或者其他的一些開發工具進行原始碼編寫。

 

CSS基本語法

CSS樣式表示有若干個不同的樣式按照一定的規則組成的,然後這些規則可以被應用到不同的html元素身上,從而來定義網頁內容的顯示效果。

 

CSS樣式中的每一個樣式都由三個部分構成:選擇符(selector)、屬性(property)、屬性值(value)

selector{property:value}

  1. selector選擇符,在css中選擇符的方式非常的多,可以是html中的標籤,也可以是標籤中的某些屬性
  2. Property屬性,是指被選擇符選擇的標籤,它自身所包含的屬性
  3. Value屬性值,被選擇符選擇的標籤,和包含屬性的值,在一個css的樣式中,屬性和屬性值通常都是成對出現,多個對之間使用“;”隔開

selector{property:value;property:value;property:value......}

 

比如:p的樣式結構

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    /*p的樣式結構*/
    p {
      color:aqua;
      font-size:2em;
    }
  </style>
</head>
<body>
<p>你好啊</p>
</body>
</html>