1. 程式人生 > >css三種書寫方式

css三種書寫方式

1.嵌入樣式: < style> < /style>

當單個檔案需要特別樣式時,就可以使用巢狀樣式。通過在< head> 部分定義< style>標籤書寫巢狀樣式,在< style>標籤中可以使用標籤選擇器,類選擇器,id選擇器等去給標籤設定屬性
在這裡插入圖片描述

2.外聯樣式< link>

當樣式需要被應用到很多頁面的時候,將會使用外聯樣式,通過更改一個檔案來改變所以頁面的樣式。此時我們需要在< head>標籤中引入< link>標籤,< link rel=“stylesheet” href="/icon/font_1v3os0m7046/iconfont.css">,href中為需要引入的css檔案
在這裡插入圖片描述

3.內聯樣式< div style=“color: red; font-size:14px” >< /div >

使用內聯樣式的方法是在標籤中使用樣式屬性,樣式屬性可以是任何 CSS 屬性。其作用範圍是在當前標籤內,使用較少,程式碼為:< div style=“color:blue;font-size:20px” >< /div >。
在這裡插入圖片描述