1、行內式:即直接在標籤元素中新增樣式
"color: blue;">
i like you !
2、內部式:在head標籤中新增style標籤,在style標籤中按如下格式編寫
"stylesheet" href="css/index.css">
三種引入方式也具有一定的優先順序關係:行內式優先順序最高;內部式和外部式的優先順序取決於其與想要改變的部分的距離遠近,採用就近原則。
1、id選擇器
給某乙個你想要的改變樣式的標籤新增乙個id屬性,這個id屬性是唯一的。然後在style標籤中以「#」加上id名的格式對該標籤進行選中。
"id1">
#div
2、類選擇器
給想要改變的標籤新增class屬性,該屬性可以有多個。在style標籤中的形式是以「.」加類名的形式對該標籤進行選中。
.div
3、標籤選擇器
對想要改變的標籤,在style標籤中直接寫標籤名進行選中該標籤。
div
4、萬用字元選擇器
萬用字元選擇器可以選中所有標籤,對所有的標籤都可以進行樣式更改。格式如下:
*
四種標籤選擇器具有一定的優先順序:
優先順序大小為:id選擇器》類選擇器》標籤選擇器》萬用字元選擇器
CSS的樣式引入方式和選擇器
css選擇器 樣例css樣式有三種引入方式 外部樣式,內部樣式,內聯樣式 就是將樣式直接寫在標籤的的style屬性裡,優先順序最高。但是可讀性和 復用程度最差。style color red 內聯p 將樣式寫在style標籤內,然後通過選擇器渲染到對應標籤上,可讀性好,復用性高 pstyle 將樣式...
前端基礎(二 CSS 引入方式 CSS選擇器)
css選擇器 使用內聯樣式時,將樣式寫在中,放在.html檔案的中。div style 使用外部樣式時,將樣式寫在單獨的.css檔案中,將該檔案引入至.html檔案中,將引入語句寫在.html檔案的中。stylesheet href test.css test.css div假設有如下html di...
CSS標籤選擇器
1.什麼是標籤選擇器?作用 根據指定的標籤名,在當前介面中找到所有該名稱的標籤,然後設定屬性。格式 標籤名 屬性 值 注意點 1.標籤選擇器選定的是當前介面中所有該名稱的標籤,而不能單獨選定某一標籤 2.標籤選擇器無論標籤藏得多深都能找到 3.只要是html中的標籤都可以作為標籤選擇器。2.id選擇...