第四章初始CSS3預習筆記

第四章

初始css3預習筆記

一:1: 什麼是css?

全稱是層疊樣式表;/通常又稱為風格樣式表,.他是用來進行網頁風格設計的;

2:css的優勢:

1>內容以表現分離,即使用u前面學習的html語言製作網頁 ,使用css設定網頁樣式,風格,並且css樣式單獨存在乙個資料夾裡..這樣.html檔案`引用的css檔案就可以了網頁的內容與表現就可以分離了,便於後期css的使用 ;

2>表現的統一;

3>豐富的樣式 ,使得頁面布局更加靈活.

4>減少網頁的**量,提高網頁的瀏覽速度.節省網路寬頻;]

5>運運獨立頁面的css.提高使用者的體驗;

3:css3的基本語法:

1>css規則由兩部分組成:選擇器和宣告

2>宣告必須放在大括號裡({}).並且宣告可以是一條或者多條

3>每條的宣告有乙個屬性和值組成,用冒號分開.每條的語句以英文分號結尾

4:認識標籤

1>行內樣式

2:內部樣式表

3:外部樣式表

1>鏈結外部樣式表

語法:

<
head
>
......
<
link 
href 
="style.css"
rel 
="stylesheet"
type 
="text/css"
/>
.......
head
>

2.匯入外部樣式表:

語法:

<
head
>
......
<
style
>
style
>
head
>

5:鏈結式與匯入式的區別:

(1):標籤屬xhtml範.而@import是出生時.1中的特有的;

(2):使用鏈結的css是客戶端瀏覽網頁時先將外部css檔案載入到網頁中,在進行編譯顯示,所以顯示出來的網頁與用使用者預期的效果一樣

(3):使用2imput匯入的css檔案.客戶端在瀏覽網頁的時候先將html結果顯示出來.在把外部css檔案載入到網頁中去,當最終的效果與使用的鏈結檔案效果不一樣

6:css3的選擇器:

1>標籤選擇器

2>類選擇器

css選擇器的命名規則:

1>使用英文本母小寫

2>不要和id選擇器同名

3>使用具有與語義化的單詞命名

4>長名稱或者片語可以使用駝峰命名方式的選擇器命名

7:id選擇器的使用方法與類的選擇器基本相同,不同之處在於id選擇器的只能在html頁面中只能使用一次,id選擇器只能用一次.也就是說在同乙個的頁面中同乙個id屬性只能用一次,屬性只能設計一次.而類的選擇可以在頁面中多次使用.

8:css的高階選擇器:

1>層次選擇器

.層次選擇器語法:

ef e>f e+f e~f

注意:通用選擇器的是e元素相臨的後面元素的f.是乙個或者多的元素.相鄰選擇器選擇中的僅是與e相鄰的並且緊鄰的兄弟元素f,其選中的僅是乙個元素;

2>結構偽類選擇器:可以將一些不存在的html當作獨立元素的來定位,或者是找到無法使用的其他簡單選擇器就能定位在切實的實際元素中

屬性選擇器的語法:

e[attr] 選擇匹配具有屬性的attr的e元素;

e[attr=val] 選擇匹配具有屬性的e元素.並且屬性值為val(其中val 區分大小寫)

e[atrt^ =val] 選擇匹配的元素e.且e元素定義了屬性attr .並且屬性值為va開頭的任意的字串

e[attr& =val] 選擇匹配的元素e.且e元素定義了屬性attr .l.並且屬性值為val結尾的任意的字串

e[attr*=val] 選擇匹配的元素e.且e元素定義了屬性attr .其屬性值包含了val

總結1:css 的語法規則 :使用標籤的引入css 樣式

2:在html中引入css樣式的三種方法分別是:

1>行內樣式

2>內部樣式表

3>外部樣式表

其中外部樣式表使用標籤鏈結外部的css 檔案 .css樣式的優先順序依據就近原則

3:css3的基本選擇器包括標籤選擇器,類選擇器和 id 選擇器

4:css3的高階選擇器包括層次選擇器,結構偽類選擇器 .屬性選擇器

第四章初始CSS3預習筆記

第四章初始CSS

css3基礎知識第四章布局

第四章筆記

第四章初始CSS3預習筆記

第四章 初始CSS

css3基礎知識第四章布局

第四章筆記

相關推薦

第四章初始CSS