CSS學習筆記2

2021-08-21 12:15:58 字數 2024 閱讀 8672

啟用狀態(:active):按住滑鼠左鍵不鬆的樣式,這個狀態特殊短暫。

訪問過的狀態(:visited):按下滑鼠左鍵,並彈起,這時的樣式。

在平常工作中,會使用以下寫法,來給鏈結加不同的樣式。

a:link,a:visited   //將「正常狀態」和「訪問過的狀態」合二為一。

a:hover //「滑鼠放上」單做一種效果。

list-style:列表樣式,取值:none。去掉list前面的各種符號:

ul,ol,li

1、border-left:左邊框線。

2、border-right:右邊框線。

3、border-top:上邊框線。

4、border-bottom:下邊框線。

5、border:同時給四個邊加邊框線。

注意:平常我們說的width和height屬性,它們指內容的寬度和高度,不含內、外邊距、邊框線。

簡寫方式

1、css浮動

浮動的功能:可以實現將多個塊元素並列排版。

如何讓包圍元素包裝浮動元素?

需要在浮動元素的下面,使用清除浮動操作。

2、css清除浮動

(1)可以讓包圍元素從視覺上包圍浮動元素。

(2)清除之下的元素將恢復預設排版。

(1)單個選擇器的優先順序

行內樣式 > id選擇器 > class選擇器 > 標籤選擇器

(2)多個選擇器的優先順序

多個選擇器的優先順序,指向越準確,優先順序越高。

標籤選擇器            優先順序為1

類選擇器               優先順序為10

id選擇器               優先順序為100

行內樣式               優先順序為1000

計算以下優先順序:

.news h1               優先順序為:10+1

.title                     優先順序為:10

div.news h1           優先順序為:1+10+1

h1.title                  優先順序為:1+10

overflow:當內容溢位時,溢位的內容該如何顯示。取值:visible(可見)、hidden(隱藏)、scroll(出現滾動條)、auto(自動)

cursor:網頁中游標的型別,取值:text(文字)、help(幫助)、wait(等待)、pointer(手形)等等。

1.定位屬性:position,元素定位方式,取值static、fixed、relative、absolute

2.定位方式,要與定位屬性配合使用,定位座標:指定定位的元素,偏移目標元素多遠的距離。

3.固定定位    position:fixed

4.相對定位    position:relative

5.絕對定位,position:absolute

絕對定位,不佔空間,層級要高於普通元素。

如果不指定座標的話,絕對定位元素的位置在原地不動。

絕對定位元素,是乙個「塊元素」。

1.嵌入式

2.外聯式

通過標記,來引入乙個外部的css檔案(*.css),可以實現css樣式給多個網頁共享。

標記的常用屬性:

3.行內樣式,就是在標記中直接寫樣式(主要用於js控制元素的樣式)。

舉例:border-collapse:**邊框線合併,取值:collapse。

我們可以把每乙個html標記看成是乙個「盒子」。

」盒子「的特徵:內容的寬度和高度、邊框線、內填充、外邊距。

」盒子「的總寬度  =  內容的寬度 + 邊框寬度*2 + 內填充*2 + 外邊距*2

CSS學習筆記(2)

屬性是css非常重要的部分,以下是css屬性 字型屬性 備註 1.font variant 屬性值 all caps 在指定的小體大寫字型不存在的時候,css將用大寫字母代替所有的小寫字母。2.使用font屬性定義 font font style屬性值 font variant屬性值 font we...

CSS學習筆記2

css背景 css允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果。使用background color屬性為元素設定背景色,它的預設值是transparen,可以為所有的元素設定背景色t。用background image屬性設定背景影象,background image屬性的預設值是n...

CSS學習筆記(2)

css框模型 element 元素 padding 內邊距不允許使用負值 h1 可以按照上 右 下 左的順序分別設定各邊的內邊距,各邊均可以使用不同的單位或百分比值 border 邊框。希望邊框出現,就必須宣告乙個邊框樣式。h1 忘記宣告邊框樣式是乙個常犯的錯誤。根據以下規則,所有 h1 元素都不會...