css學習 第一彈 格式建立

2023-02-08 00:35:51 字數 1992 閱讀 6437

構成結構:選擇符(又稱為選擇qi器){宣告(屬性:值);}*****注意:大括號,冒號,每個宣告後的分號。

註釋:/*註釋內容寫在這裡*/

一。css樣式

css樣式寫的地方的不同分類:內聯式、嵌入式、外部式

內聯式:這裡文字是紅色。

注意要寫在元素的開始標籤裡,不能寫在截至標籤中*****注意:=“”雙引號的存在,引號中的冒號存在。

嵌入式:

span

color:red;

*****注意:span沒有後部標籤,是單標籤。但是在後邊標註過程中的span是存在後標籤的、

外部式:

1、css樣式檔名稱以有意義的英文字母命名,如 main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、標籤位置一般寫在標籤之內。但不在標籤內部。

*****標頭檔案中用span標籤來實現。

三種css樣式的優先順序:內聯式 > 嵌入式 > 外部式

但是嵌入式》外部式有一個前提:嵌入式css樣式的位置一定在外部式的後面。

二。選擇器

標籤選擇器:例子

p*****註釋(字號;行間距)

類選擇器:.(英文圓點開頭注意

類選器名稱

用class="類選擇器名稱"為標籤設定一個類,如下:

膽小如鼠(這個時候類的名稱前不加英文圓點)

id選擇器:

1、為標籤設定id="id名稱",而不是class="類名稱"。

2、id選擇符的前面是井號(#)號,而不是英文圓點(.)。

id選擇器和類選擇器的異同:

相同點:可以應用於任何元素

不同點:

1、id選擇器只能在文件中使用一次。與類選擇器不同,在一個html文件中,id選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。

2、可以使用類選擇器詞列表方法為一個元素同時設定多個樣式。(在class後邊用空格分開所選擇的類選擇器,使其具有不同的設定)我們可以為一個元素同時設多個樣式,但只可以用類選擇器的方法實現,id選擇器是不可以的(不能使用 id 詞列表)。

子選擇器:

選擇指定標籤元素的第一代子元素(只對第一代子元素有作用,對第二代無效)。如下示例:

.food>li

包含(後代)選擇器:

.first span

總結:>作用於元素的第一代後代,空格作用於元素的所有後代。

通用選擇器:

使用一個(*)號指定,它的作用是匹配html中所有標籤元素,如下舉例使用html中任意標籤元素字型顏色全部設定為紅色:

* 偽類選擇器:

允許給html不存在的標籤(標籤的某種狀態)設定樣式,比如說我們給html中一個標籤元素的滑鼠滑過的狀態來設定字型顏色:

a:hover

其他標籤存在不相容問題,故不在此列出。

分組選擇符:

分組選擇符(,)h1,span

*****註釋:選擇器下部的標籤選擇,中間用空格隔開即可

3.css的繼承,層疊和特殊性

繼承:允許樣式不僅應用於某個特定html標籤元素,而且應用於其後代。

border:1px solid red;此樣式不具有繼承性質

邊框為1畫素、紅色、實心邊框線,

特殊性:

標籤的權值為1,類選擇符的權值為10,id選擇符的權值最高為100。繼承也有權值但很低,有的文獻提出它只有0.1,所以可以理解為繼承的權值最低。權值越高的選用其格式。

層疊性:

內聯樣式表(標籤內部)> 嵌入樣式表(當前檔案中)> 外部樣式表(外部檔案中)。

就近原則的應用

重要性:

有些特殊的情況需要為某些樣式設定具有最高權值,怎麼辦?這時候我們可以使用!important來解決。

p*****注意:!important要寫在分號的前面

*****註釋:瀏覽器預設的樣式 < 網頁製作者樣式 < 使用者自己設定的樣式,但記住!important優先順序樣式是個例外,權值高於使用者自己設定的樣式。

CSS學習第一

一 概念 1.結構與樣式的分離,html結構 骨架 css樣式 化妝,穿衣服 2.通常結構 選擇器 屬性值。h13.px 畫素 相對單位 網頁中普遍用14px 4.字型 font family unicode 編碼 5b8b 4f53 宋體5.字型樣式 font style font style n...

小白Python學習第一彈

python numpy numpy底層是用c寫的,所以ndarray np.array 執行速度比內建的list快,但是不能裝下太多的東西。簡單介紹陣列 np list np.array lst,dtype int 設定資料型別 print type np list 輸出型別 print np l...

Python學習隨記 第一彈

1.yield函式 yield 的作用就是把一個函式變成一個 generator,帶有 yield 的函式不再是一個普通函式,python 直譯器會將其視為一個 generator,呼叫 fab 5 不會執行 fab 函式,而是返回一個 iterable 物件!在 for 迴圈執行時,每次迴圈都會執...