前端基礎-CSS基礎(一)

  • 2019 年 12 月 17 日
  • 筆記

本文目錄

簡介

快速入門參考

前面幾天一番學習了前端三把斧頭之HTML的一些基礎知識,對HTML語法有了一個基礎的認知,接下來的幾天,一番開始學習CSS相關。

簡介

  • 關係
    • HTML用於展示網頁內容(毛坯房)。
    • CSS用於控制樣式(裝修工)。
    • Javascript控制行為(智慧家電)。
  • 定義
    • 全稱:Cascading Style Sheets,層疊樣式表。
    • 定義HTML內容在瀏覽器中的顯示樣式。
  • 作用
    • 簡化頁面,減少網頁體積,提高響應速度。
    • 將頁面和顯示分離。
    • 更好的維護網頁,提高開發效率。

快速入門

<!DOCTYPE html>  <html>      <head>          <meta charset="UTF-8">          <title>一番碼客</title>          <style type="text/css">              p{                  color: red;                  font-size: 150px;              }          </style>      </head>      <body>          <p>一番碼客</p>      </body>  </html>  
  • 規則:在head標籤中聲明style標籤,在style標籤中書寫樣式。
  • 格式:標籤名{屬性名:屬性值;屬性名:屬性值;}。
  • 注釋格式:/*我是注釋*/。

參考

  • 黑馬程式設計師 120天全棧區塊鏈開發 開源教程 https://github.com/itheima1/BlockChain