CSS三種樣式

  • 什么是CSS?

    • CSS的全稱是Cascading Style Sheets,層疊樣式表
    • 它用來控制HTML標簽的樣式,在美化網頁中起到非常重要的作用
    • 如果吧HTML5比作是建造房子,那么HTML就是剛剛建好的房子的磚頭和骨架,而CSS就是對房子的裝修的瓷塊和石灰等,只有HTML+CSS一起搭建出來的頁面才具有美感

  • CSS的編寫格式:

    • 鍵值對形式

    color:red;
    background-color:blue;
    font-size:20px;

  • CSS的三種樣式:

    • 行內樣式:(內聯樣式)直接在標簽的style屬性中書寫

    <body style="color:red;">內容</body>
行內樣式.png
- ###頁內樣式:在本網頁的的style標簽中書寫
   <style>
        body {
            color:red;
        }
   </style>
頁內樣式.png
-  ###外部樣式:在單獨的CSS文件中書寫,然后在網頁中用link標簽引用
    <link  rel="stylesheet" href="css/index.css">

外部樣式.png

  • 總結:CSS的規律

    • 就近原則
    • 疊加原則
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 前面我們都會寫基本的HTNL5標簽了,下面進行CSS的介紹 一.什么是CSS??? CSS的全稱是Cascadin...
    IIronMan閱讀 1,005評論 0 3
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,599評論 32 459
  • CSS基礎 本文包括CSS基礎知識選擇器(重要!!!)繼承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,172評論 0 40
  • 前言: 1.HTML5的發展非常迅速,可以說已經是前端開發人員的標配,在電商類型的APP中更是運用廣泛,這個系列的...
    珍此良辰閱讀 1,937評論 2 15
  • 漆黑的夜 有一道亮光閃過 好暖好亮 去追尋 前路有石 去追隨 前路有荊棘 去追隨 前路有水 去追隨 當我抵達的時候...
    尋找堅硬的殼閱讀 237評論 0 0