css基本使用規範?Cascading Style Sheet, 級聯樣式表HTML是網頁的内容/骨架，我來為大家科普一下關于css基本使用規範?以下内容希望對你有幫助!

css基本使用規範

Cascading Style Sheet, 級聯樣式表

HTML是網頁的内容/骨架

CSS是網頁的外衣/表現

文件擴展名: .css

1. 行内樣式表

<tagName style="css code here..." />

2. 内部樣式表

<style>

selector {

css code here...

}

</style>

selector 稱為選擇器

3. 外部樣式表

使用獨立的.css文件

html頁面使用link鍊接外部樣式文件

優先級: 就近原則: 行内 > 内部 > 外部

選擇器的一般寫法

選擇器名稱 {

CSS屬性: 值;

}

選擇器的作用: 要控制誰?, 它是一種特征描述

CSS屬性/值的作用: 要如何控制? 前景色/背景色/邊框/間距/字體/...

1. 鍊接式

<link rel="stylesheet" type="text/css" href="css文件地址" />

2. 導入式

<style>

@import url("css文件地址");

</style>

如果在a.css中引用b.css, 使用@import

1. 标簽/元素選擇器

标簽名稱 {

}

自動應用于該類型的元素上.

2. 類選擇器

.類名{

}

<tagName class="類名" />

3. ID選擇器

#你定義的ID{

}

<tagName id="你定義的ID" />

在同一頁面中,相同的ID隻能出現一次!

優先級:

ID > Class > 标簽選擇器

強制提高優先級:

color: red !important;

子元素自動繼承父元素的樣式, 但可能發生意外(例如浏覽器給超鍊接設置的默認顔色為藍色, 超鍊接從body那裡繼承得來的顔色是紅色, 這時以藍色為準)

交集選擇器

E1E2{

}

例如: p.price{ }, 它命中的是這樣的元素: <p class="price">

并集選擇器

E1,E2{

}

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!