CSS簡介

什麼是CSS

  • CSS(Cascading Style Sheets的縮寫),翻譯爲「層疊樣式表」或「級聯樣式表」,簡稱樣式表。

CSS的主要做用

  • 它主要是用來給HTML網頁來設置外觀或樣式。
  • 外觀或樣式:HTML網頁中的文字的大小、顏色、字體,網頁的背景顏色、背景圖片。

書寫CSS的語法規則

  • CSS代碼是由選擇器和一對括號組成。
  • 大括號裏面是由一條一條的聲明語句組成。
  • 每一條語句是由「屬性:值」組成。
  • 每一條語句都要使用英文狀態下面的分號表明結尾。

快速入門

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        /*
            在這裏書寫CSS代碼。
            CSS代碼:選擇器:{語句1;語句2;}
        */
        p {
            color: red;     /*給文本設置顏色爲red顏色*/
            font-size: 100px;    /*設置字體大小爲100px*/
        }
    </style>
</head>
<body>
   <p>
        孫悟空、豬八戒、沙悟淨
   </p>
</body>
</html>
  • 運行結果以下:

相關文章
相關標籤/搜索