CSS基本屬性

2021-09-29 21:00:46 字數 1007 閱讀 3808

一、visibility屬性

display:none :隱藏元素

visibility(顯示/隱藏的)

取值:

1 visible :預設的可見的

2 hidden :隱藏 依然佔據頁面空間

3 collapse :使用在**元素上 刪除一行和一列的時候不影響**的整體布局

diplay 和 visibility 區別在哪兒

1.display:none

不占有之前的位置 脫離了文件流

2.visibility

占有之前的位置,不脫離文件流導致空間依然存在

二、opacity屬性

作用:改變元素的透明度

取值:0.0-1 0 全透明 1 不透明

三、改變游標的屬性

屬性 cursor

取值:

default:預設的

pointer:小手

crosshair:+

text:文字 i

wait:等待

help:幫助

四、定位屬性

1.語法:position:

1.static 預設的

2.relative 相對定位

元素會相對於原來的位置的左上角進行位置偏移相對定位是占有之前的位置空間的

3.absolute 絕對定位

元素不會占有之前的位置(脫離了文件流),

絕對定位的元素相對於它最近的已有定位的父級及以上元素進行位置偏移,如果沒有已經有定位的父級相對於最初的body進行位置偏移

4.fixed 固定定位

將元素固定在頁面的某個地方,不會隨著滾動條變化而發生變化

注意:脫離了文件流

是隨著頁面的body標籤的左頂點進行位置偏移的

x%  y%

0% 0%左上角

50% 50%背景中間

background-position: 100% 100%;

CSS基本屬性

background 背景 background color 背景色 background image 背景 background repeat 背景圖平鋪方式 簡寫 background gray url xx.png no repeat 背景色,背景,平鋪方式 font 字型 font styl...

搞定css基本屬性

css層疊樣式表,級聯樣式,簡稱才是樣式表 實現了內容和表示的分離 css和html之間的關係 html是負責網頁的結構 css 是負責構建html元素的樣式 css作用 1.以統一的方式實現樣式的定義 2.提高頁面樣式的可重用性和可維護性 內聯樣式 行內樣式 內部樣式 在head標籤中 外部樣式表...

CSS基本屬性(三)

css基本屬性3 transition 復合屬性 檢索或設定物件變換時的過渡。檢索或設定物件中的參與過渡的屬性 none 不指定過渡的css屬性 all 所有可以進行過渡的css屬性 自定義屬性 指定要進行過渡的css屬性 檢索或設定物件過渡的持續時間 時長 指定物件過渡的持續時間 單位s秒 檢索或...