前端學習筆記第二部分 CSS

2021-09-27 09:03:50 字數 1904 閱讀 2822

css通常稱為css樣式表或者層疊樣式表,主要我你故意設定html頁面中的文字內容、的外形

以及版面的布局等外觀顯示樣式。

css的樣式規則,具體格式如下:

h1        

選擇器        屬性     值           屬性        值

選擇器用於指定css樣式作用的html物件,花括號內是對該物件設定的具體樣式;

屬性和屬性值以鍵值對的形式出現;

多個鍵值對之間用英文" ; "進行區分。

標籤 

/*引用類樣式*/

類選擇器

類選擇器

/*多類名選擇器 用空格隔開*/

id選擇

區別:類選擇器可以重複多次使用,id選擇器是唯一的id,不可重複使用。

偽類選擇器用於向某些選擇器新增特殊的效果。

鏈結偽類選擇器

秒殺 搶購

結構偽類選擇器:

目標偽類選擇器:

包括顏色、字型、半透明、對齊方式、行高字間距、

這是乙個例子  

css的樣式表:

內嵌樣式表:如上面**所示,**和結構分離;

行內樣式表:

內容 

外部樣式表:建立乙個外部css檔案,然後呼叫:

外部樣式表

/*div的樣式已在css設定*/

css的復合選擇器:

交集選擇器:

並集選擇器:多個元素具有相同的屬性時,進行集體宣告

後代選擇器:用來選擇元素或元素組的後代,把外層標籤寫在前面,內層標籤寫在後面,中間用空格分隔

子元素選擇器:只能選擇作為某元素子元素的元素,寫法是父級元素寫在前面,子集元素寫在後面,如果中間用》連線,則只選                           擇最近的子集元素。

選擇器測試:

左側導航欄

登入

屬性選擇器:選取標籤帶有某些特殊屬性的選擇器

網易

另外:e[attr*=val]                              表示選擇屬性值裡包含val字元並且在「任意」位置的

e[attr^=val]                              表示選擇屬性值裡包含val字元並且在「開始」位置的

e[attr$=val]                               表示選擇屬性值裡包含val字元並且在「結束」位置的

css背景

background-color                       背景顏色

background-repeat                      是否平鋪,包括repeat-x,repeat-y和repeat

background-position                     背景位置

background-attachment                背景固定還是滾動

css的特性:層疊性、繼承性、優先順序

c 學習筆記第二部分

part 2 一 陣列 指標 在c 中的陣列std string str string是std類裡面的乙個物件 這個語句就是命名乙個陣列名字叫做str 2.c 允許指標群 p,就是多個指標有同樣的值 int p1 myint int p2 myint c 支援無型別 void 指標,就是沒有被宣告為...

linux筆記第二部分

其實我只是想記錄下自己的學習軌跡,順便讓自己的部落格裡面稍微有點東西。之前筆記都是儲存在evernote上,因為是普通使用者,貌似不能共享。就拷過來了。總之這是第二部分 linux磁碟及檔案系統管理以及如何獲取幫助 linux 08磁碟基本概念 linux 09使用fdisk進行磁碟管理 1.fdi...

Web API 第二部分

web api 第二部分 元素偏移量 offset element.offsettop element.offsetleft element.offsetwidth 可以得到元素的大小 寬度和高度 是包含padding border width element.offsetheight elemen...