啟用狀態(: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 元素都不會...