2.CSS的三種樣式[內聯樣式,內部樣式,外部樣式](菜鳥學前端)


1.內聯樣式(直接在body中寫代碼)(不推薦)

 <div style="color: chartreuse;">呼呼哈嗨</div>

2.內部樣式(在head中定義,然后在body中調用,定義名和調用標簽必須一致)(適用於單個頁面的設計)

<head>

<style> 
div_2
{
    color:red;
}
</style>
</head>
<body>
<div_2>呼哈哈嗨</div_2>
</body>

3.外部樣式(額外建立一個CSS文件夾,在里面文件中寫好style定義的內容,寫法與內部樣式的head中寫法一致,而后再HTML頁面利用link標簽進行調用CSS文件。)

(1)在html頭部寫link語句調用例:

<link rel="stylesheet" type="text/css" href="css/a.css">
或者直接利用style標簽借助import導入
如:<style> @import "css/a.css";</style>

(2)新建文件夾css,在css文件夾中新建后綴名為css的文件,而后在里面定義所需要的的標簽特性,如

  div{
        color:gold;
        }
  注意:在css文件中寫時,只需定義即可,無需在寫<style>標簽
(3)在html的body中調用所定義好的標簽,如<div>呼呼哈嗨</div>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM