小白入門 CSS基礎

2021-08-04 20:24:50 字數 1646 閱讀 8921

1.層疊樣式表(cascading style sheet,css)

》樣式就是格式,對於網頁來說,顯示的文字的大小,顏色以及的位置等,都是網頁顯示的樣式。

》層疊指當html檔案引用多個css樣式表時,如果css的定義發生衝突,瀏覽器將依據層次的先後順序來應用樣式,如果不考慮樣式的優先順序時,一般會遵循「- - -就近原則- - -

2.css構造樣式規則

》selector:對選擇的元素進行格式化,多個屬性值對之間必須贏分號隔開。

》樣式規則的注釋使用/**/,注意:注釋不能巢狀。

》css繼承:許多css屬性不但影響選擇符所定義的元素,而且會被這些元素的後代繼承;但是繼承也不是完全轉殖的,有些特殊屬性繼承試不起作用的:border,margin,padding,background和**。

1.定義標記的style屬性:行內樣式

》將css樣式定義在html標籤內,最簡單一種定義方式,不能做到樣式通用和共享。

》語法:《標記 style=「樣式屬性:屬性值;樣式屬性:屬性值;…」>

》標記本身定義的style優先於其他所有樣式定義。

2.定義內部樣式表:內鏈樣式

》在html頭部設定樣式,在整個html檔案中直接呼叫使用該樣式的標記。

》語法:

》type屬性是指style元素是以css的語法定義的。

》語法:

》外部樣式表的優先順序低於內部樣式表。

》可以同時鏈結幾個樣式表,靠後的樣式表優先於靠前的樣式表。

4、嵌入外部樣式表

》就是直接在html**中直接匯入樣式表的方法。

》語法:

type="text/css">

@import

url("外部樣式表的檔名稱")

;style>

》import後面的;一定要加上。

5、使用link和import的不同點

》link除了引入css之外還可以引入其他檔案,import只能引入css。

》link引入的css會在頁面載入的同時載入,import引入的css只能在頁面載入完再載入。

》link不存在相容性問題,import只能支援te5以及以上的瀏覽器(相容問題)。

》用js的dom操作改變樣式的時候只能改變link引入的樣式不能改變import引入的樣式。

6、同一選擇符的樣式優先順序

》瀏覽器預設設定《標籤選擇器《類選擇器<-id選擇器。

》手動提公升樣式優先順序:!important。

CSS入門基礎

一 選擇器詳解 下 符合選擇器部分 標籤指定式選擇器 交集選擇器 語法 標籤名 其他選擇器 示例 段落文字1 段落文字2 效果 段落文字1顯示紅色 結論 標籤指定式選擇器中的兩個選擇器是既 又的關係,如示例中,既是p標籤,又必須class屬性為content的元素被選中。後代選擇器 語法 選擇器1 ...

CSS基礎入門

css是w3c協會 全球資訊網聯盟 為了彌補html在顯示屬性設定上面的不足而制定的一套擴充套件樣式標準。css的基本規則是 選擇符。css選擇器常用的是標記選擇器 類別選擇器和id選擇器,使用選擇器可對不同的html標籤進行控制,從而實現各種效果。標記選擇器是直接對標籤名稱進行選擇,選擇符為標籤名...

CSS入門基礎

內聯樣式 可以將css樣式編寫到元素的style屬性中 將樣式直接編寫到style屬性中,這種樣式我們稱為內聯樣式 內聯樣式只對當前元素中的內容起作用,內聯樣式不方便復用 內聯樣式屬於結構與表現耦合,不方便後期的維護,不推薦使用的 例 鋤禾日當午,汗滴禾下土 誰知盤中餐,粒粒皆辛苦 內部樣式表 也可...