Day12 CSS定位屬性 還沒寫完

2022-10-11 18:18:11 字數 1102 閱讀 5922

css各種定位屬性:

使用 position 屬性進行修改.

靜態定位:

預設定位方式.

position: static;

相對定位:

布局中會占用文件空間,

position: relative;

top: 20px;

left: 20px;

後面這個 top 和 left 是相對於自身原有位置移動.

會覆蓋在 static 定位上面

(還有 right 和 bottom)

絕對定位:

浮於其他元素上方,可實現層疊,被固定在乙個絕對的位置,相對於父級元素移動

不會隨著滾輪移動.

position: absolute;

top: 20px;

right: 120px;

固定定位:

浮於其他元素上方,會隨著網頁滾輪移動(比如廣告就是這樣)

position: fixed;

top: 20px;

left: 100px;

粘性定位:

在文件所在位置時,和靜態定位沒有區別,當超出文件所在位置時會變成固定定位.

positon: sticky;

top: 20px;

left: 20px;

特殊:

兩種隱藏元素的方法:

display: none; //不會占用文件空間

visibility: hidden; //預設為 visible,元素仍然存在且會占用空間.

display: none; 時元素是無法被選中的,即無法使用 hover 偽類選擇器.

要用其他偽類選擇器來選中:(如下 .mask 的 display: none;)

.photo:hover .mask

此時我們就選中 .photo 來使 .mask 顯示出來.

python學習day11 day12 裝飾器

裝飾器是一種特殊的閉包,它是巢狀函式,也呼叫了外部函式的變數,只不是呼叫的是外部函式的形參。用於裝飾函式 裝飾器的作用 不想修改函式的呼叫方式 但是還想在原來的函式前後新增功能 timmer就是乙個裝飾器函式,只是對乙個函式 有一些裝飾作用 原則 開放封閉原則 開放 對擴充套件是開放的 封閉 對修改...

day12 上下分頁

modelandview.addobject houses pageinfo.getlists pageinfo pageinfo ihouseservice.searchhouseviewbytype currentpage,housetype modelandview.addobject pag...

實習日記 Day12

昨天穿少了,今天穿厚了。即使脫下外套,坐在辦公室的我也覺得好熱啊 今天是糾結的一天呢 1.實習生的小小感傷仍在延續 今天在和外國同事郵件聯絡的時候,無意中發現自己的skype內建備註是unpaid intern,無薪實習生 雖然我每天是有一些薪水的,但這點錢跟正式員工比,其實跟無薪差不多了吧 又想起...

課後實驗 Day1 2

1.在home下建立乙個以自己名字首字母開始的資料夾 mkdir 名字首字母 2.進入此資料夾 cd 名字首字母 3.在該資料夾下直接建立 aaa bbb 資料夾 mkdir aaa bbb p 4.繼續在建立ccc ddd資料夾 mkdir ccc ddd 5.進入ccc資料夾 在此資料夾中建立3...

Day12 外觀數列

leetcode38 外觀數列 這道題看了好久才看懂,什麼意思呢?我們來逐層看,每一層都是對上一層的解釋如 這道題就是要給出第幾層,讓你輸出這一層對上一層的解釋 之前本來是想用vector string 來存放每一層的 解釋 的,但是後來發現這樣不僅麻煩,而且還占用了不必要的空間 要求這一層的 解釋...