前端學習之路11 CSS

2021-10-14 13:02:26 字數 1595 閱讀 4366

css層疊和繼承

顏色長度

css樣式由一條或多條以分號隔開的樣式宣告組成。每條宣告包含著乙個css屬性和該屬性的值,二者以冒號分隔。

以.css為副檔名

可以用@import語句將樣式從乙個樣式表匯入另乙個樣式表

@import語句必須位於樣式表頂端,樣式表自已的樣式定義不能出現在它之前。

@import語句用得並不廣泛。其中乙個原因是不少人並不知道有這個東西。另乙個原因則是瀏覽器處理@import語句的效率往往不如處理多個link元素並靠樣式層疊解決問題。

在css樣式表中可以出現在@import語句之前的只有@charset語句。後者用於宣告樣式表使用的字元編碼。

瀏覽器樣式(更恰當的名稱是使用者**樣式)是元素尚未設定樣式時瀏覽器應用在它身上的預設樣式。這些樣式因瀏覽器而略有差異,不過大體一致。

各種瀏覽器都有自己管理使用者樣式的方式。以谷歌的chrome為例,它會在使用者的個人配置資訊目錄中生成乙個名為default\user stylesheets\custom.css的檔案。

(1)元素內嵌樣式(用元素的全域性屬性style定義的樣式);

(2)文件內嵌樣式(定義在style元素中的樣式);

(3)外部樣式(用link元素匯入的樣式);

(4)使用者樣式(使用者定義的樣式);

(5)瀏覽器樣式(瀏覽器應用的預設樣式)。

a
(1)樣式的選擇器中id值的數目;

(2)選擇器中其他屬性和偽類的數目;

(3)選擇器中元素名和偽元素的數目。

如果同乙個樣式屬性出現在具體程度相當的幾條樣式中,那麼瀏覽器會根據其位置的先後選擇所用的值,規則是後來者居上

如果瀏覽器在直接相關的樣式中找不到某個屬性的值,就會求助於繼承機制,使用父元素的這個樣式屬性值

顏色名稱,十進位制(紅綠藍),十六進製制

設定顏色成分值時,十進位制值以逗號分隔,十六進製制值前面通常要加上乙個#符號(例如#ffffff,它代表白色)

同時也支援函式定義顏色

Web前端 11 css 邊框屬性

1.border屬性 1 border 復合屬性,設定物件邊框的特性,如使用該復合屬性定義其單個引數,則其他引數的預設值將無條件覆蓋各自對應的單個屬性設定 2 例如 border 1px solid red 設定或檢索物件邊框寬度 設定或檢索物件邊框樣式 設定或檢索物件邊框顏色 這是乙個塊元素 這是...

11 CSS基礎選擇器

1.標籤選擇器 標籤選擇器 元素選擇器 是指用html標籤名稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。標籤名 例如p div style 男生p 女生div body 輸出2.類選擇器 如果想要差異化選擇不同的標籤,單獨選乙個或某幾個標籤,可以使用類選擇器。類名 例如.r...

python爬蟲系列11 CSS選擇器

css是一門將html文件樣式化的語言。選擇器由它定義,並與特定的html元素的樣式相關連。在css中,選擇器是一種模式,用於選擇需要新增樣式的元素。選擇器 例子 例子描述 class intro 選擇 class intro 的所有元素 id firstname 選擇 id firstname 的...