第二章 網頁前端開發基礎 02

2021-09-13 11:40:00 字數 2624 閱讀 8871

目錄

css樣式表

css規則

css選擇器

在頁面中包含css

css(cascading style sheet)是w3c協會為彌補html在顯示屬性設定上的不足而指定的一套擴充套件樣式標準。css標準中重新定義了html中原來的文字顯示樣式,增加了一些新概念,如類、層等,可以對文字重疊、定位等。在css還沒有引入到頁面設計之前,傳統的html語言要實現頁面美化在設計上是十分麻煩的,例如,要設計頁面中文字的樣式,如果使用傳統的html語句來設計頁面就不得不在每個需要設計的文字上都定義樣式。css的出現改變了這一傳統模式。

在css樣式表中包括3部分內容:選擇符、屬性和屬性值。語法格式為:

選擇符語法說明如下。

1.選擇符:又稱選擇器,是css中很重要的概念,所有的html語言中的標記都是通過不同的css選擇器進行控制。

2.屬性:主要包括字型屬性、文字屬性、背景屬性、布局屬性、邊界屬性、列表專案屬性、**屬性等內容。其中一些屬性只有部分瀏覽器支援,因此使css屬性的使用變得更加複雜。

3.屬性值:為某屬性的有效值。屬性與屬性值之間以" : "號分隔。當有多個屬性時,使用「 ;」分隔。

css選擇器常用的時標記選擇器、類別選擇器、包含選擇器、id選擇器等。使用選擇器即可對不同的html標籤進行控制,從而實現各種效果。

1.標記選擇器

html頁面是由很多標記組成,例如,標記所有標記的樣式風格。無法精準控制。

標記選擇器測試:

跳轉到csdn首頁頁面

跳轉到bilibili首頁頁面

執行效果:

2.類別選擇器

使用標記選擇器非常快捷,但是會有一定的侷限性,頁面如果宣告標記選擇器,那麼頁面中所有該標記內容會有相應的變化,例如頁面中有3個標記,如要想要每個的顯示效果都不一樣,使用標記選擇器就無法實現了,這時就需要引入類別選擇器。

類別選擇器的名稱有使用者自己定義,並以" , "號開頭,定義的屬性與屬性值也要遵循css規範。要應用類別選擇器的html標記,只需使用class屬性來宣告。

類別選擇器測試:

跳轉到csdn首頁頁面

跳轉到bilibili首頁頁面

執行效果:

3.id選擇器

id選擇器時通過html頁面中的id屬性來進行選擇增添樣式,與類別選擇器的基本相同,但需要注意的是,由於html頁面中不能包含兩個相同的id標記,因此定義的id選擇器也就只能被使用一次。

命名id選擇器要以" # "號開始,後加html標記中的id屬性值。

id選擇器測試:

跳轉到csdn首頁頁面

跳轉到bilibili首頁頁面

執行效果:

1.行內樣式

行內樣式是比較直接的一種樣式,直接定義在html標記之內,通過style屬性來實現。這種方式比較容易令初學者接受,但是靈活性不強。

行內樣式測試:

跳轉到csdn首頁頁面

跳轉到bilibili首頁頁面

執行效果:

2.內嵌式樣式表

內嵌式樣式表就是在頁面中使用標記將css樣式包含在頁面中。內嵌式樣式表的形式沒有行內標記表現的直接,但是能夠使頁面更加規整。

與行內樣式相比,內嵌式樣式表更加便於維護,但是如果每個**都不可能由乙個頁面構成,而每個頁面中相同的html標記都要求有相同的樣式,此使使用內嵌式樣式表就顯得比較笨重,而用鏈結式樣式表就解決了這一問題。

3.鏈結式樣式表

鏈結外部css樣式表是最常用的一種引用樣式表的方式,將css樣式定義在乙個單獨的檔案中,然後再html頁面中通過標記引用,是一種最為有效的使用css樣式的方式。

標記的語法結構如下:

引數說明如下:

1.rel::定義外部文件和呼叫文件間的關係。

2.href:css文件的絕對或相對路徑。

3.type:指的是外部檔案的mime型別。

(1)建立名稱為 css.css的樣式表,在該樣式表中定義頁面中、頁面文字二

執行效果:

02 第二章 選擇排序

本章內容 目錄 陣列和鍊錶的基本要點 選擇排序 陣列意味著所有代辦的事項在記憶體中都是相連的,直到每乙個元素的位址 鍊錶可以儲存在記憶體的任何地方,鍊錶的每個元素都儲存了下乙個元素的列表 插入和刪除陣列的時候,鍊錶都很簡單,只需要修改前乙個元素所指向的位址即可 但是陣列需要後面的元素都要移動 陣列用...

第二章 演算法基礎

引言 演算法導論 在本章將向我們介紹乙個演算法設計和分析框架,在後續的章節也將在這個框架的基礎上來分許演算法。名詞解釋 1 偽 偽 就是以最清晰 最簡潔的表示方法來說明演算法,而忽略資料抽象 模組性和錯誤處理的問題 2 迴圈不變式 每次迴圈從陣列a中取出第j個元素插入有序數列a 1 j 1 然後遞增...

第二章 演算法基礎

2.1 插入排序 insertion sort 時間複雜度 o n 對於少量元素的排序,是乙個有效的演算法。為什麼叫插入排序呢?可以模擬撲克牌整牌 將未排序的數字通過遍歷插入到已排好序的數字中的對應位置 如何實現呢 num j 1 key 插入 for int i 1 i n i printf n ...