css 文字重疊 第二十五天css樣式

2021-10-14 08:43:53 字數 2137 閱讀 1902

一、定義及其分類

1.what:

層疊樣式表是一種用來表現html(標準通用編輯語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。

2.why:

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

3.how:

css中包括三部分內容:選擇符,屬性,屬性值

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

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

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

舉例:注: h2 為選擇器; font-family 為屬性; 宋體 為屬性值

css選擇器:常用的有標記選擇器,類別選擇器,id選擇器等。

1).標記選擇器:(又叫元素選擇器,型別選擇器)

what:html頁面是由很多標記組成的,例如影象標記

how:

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

舉例:

執行結果:

3.鏈結式:

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

標記的語法結構如下:

引數說明:

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

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

type:指的是外部檔案的mime型別。(多用途網際網路郵件擴充套件型別。是設定某種副檔名的檔案用一種應用程式來開啟的方式型別,當該副檔名檔案被訪問的時候,瀏覽器會自動使用指定應用程式來開啟。多用於指定一些客戶端自定義的檔名,以及一些**檔案開啟方式。)

舉例:

執行結果:

4.匯入樣式(不建議使用)

匯入樣式和鏈結樣式比較相似,採用@import樣式匯入css樣式表,在html初始化時,會被匯入到html或者css檔案中,成為檔案的一部分,類似第二種內嵌樣式。

@import在html中使用,如下:

@import在css檔案中引用css使用,如下:

@import "css.css";

四種方法比較:

1.行內樣式:比較容易令初學者接收,但是靈活性不強。並且會導致html頁面不乾淨,檔案體積大,不利於蜘蛛爬行,後期維護也不方便。

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

3.實現了頁面框架**與表現css**的完全分離,使得前期製作和後期維護都十分方便

四種css引入的優先順序:

1.就近原則

2.理論上:行內》內嵌》鏈結》匯入

3.實際上:內嵌、鏈結、匯入在同乙個檔案頭部,誰離相應的**近,誰的優先順序高

**學習者111

css樣式表 - 學習者111 - ​www.cnblogs.com

第二十五天

程序 資源分配的最小單元 程序的組成 程式 資料和程序控制塊 pcb 所有的排程都是提前準備的 程序的經典三態 執行 就緒 等待 父程序的id ppid 啟動程序的使用者id uid 排程演算法 1.先來先服務 2.短程序優先 3.高優先順序優先 4.時間片輪轉法 一般都是用這個 先來先服務演算法的...

第二十五天

學會了final的相關使用方法 明天學習abstract關鍵字 一 final關鍵字 final關鍵字是最終的意思,使用final修飾類,代表該類不能被繼承。final修飾方法表示該方法不能被重寫。final修飾變數,代表該變數是常量 1 final方法 使用final修飾方法時,該方法不能被重寫,...

第二十五天 ListView

在value下定義顏色 red ff0000 紅色 ff0000 white ffffff 白色 ffffff getview方法中,convertview 效能優化 減少記憶體,提高速度 水果的例子 fruit類 public class fruit public intgetimg public...