學習筆記08

2021-08-08 19:39:53 字數 837 閱讀 8530

2023年9月27日

學習筆記與總結

1.定位方式

相對定位:position: relative

1:相對於自己原來的位置進行定位

2:如果是僅僅新增了相對定位的樣式,

position: relative

顯示效果不發生變化

3:使用定位讓元素發生偏移的

可以使用z-index來調整顯示順序(最大值為1000 預設為0)

4:原來的位置不會被其他元素占用

絕對定位:position: absolute

1:找乙個離他最近的,並且使用了定位的父元素

如果沒有找到,以body為標準

2:元素本身占用的空間被其他元色占用

3:可以使用z-index來控制顯示順序

固定定位:position: fixed

相對於顯示的頁面進行布局(基於整個螢幕)

2.雙飛翼布局

3.彈性盒子

4.練習中有用的東西:

讓乙個子元素垂直水平都居中的方法:

1:讓子元素相對于父元素進行定位

2:讓子元素相對于父元素上左都偏移50%

3:通過外邊距對元素顯示的位置進行修正(本身寬高的一半)

position: absolute;

left: 50%;

top: 50%;

margin-left: -50px;

margin-top: -50px;

Python學習筆記08

nudge 1 wink 2 a,b nudge,wink a,b 1,2 c,d nudge,wink c,d 1,2 nudge 1 wink 2 a,b,c 1,2,3 a,c 1,3 a,b,c abc a,c a c 高階序列賦值語句模式 string spam a,b,c,d strin...

HTML學習筆記08

1 表單 表單是乙個包含表單元素的區域,表單元素是允許使用者在表單中輸入資訊的元素,表單用標籤定義。1 2 form 3first name 4form 2 輸入標籤,輸入型別是由型別屬性 type 定義的,型別有文字域 單選按鈕等。3 文字域 輸入文字 1 2 form 3姓名 4 input t...

寒假學習筆記08

之前發了一些相關spark的相關學習,今天學習了下scala語言,scala是一門程式語言,學習scala語言有助於學習spark大資料處理,在學習的同時完成了eclipse的scala的環境搭建,以及寫了乙個簡單的實驗二,的一小部分就是編寫了乙個簡單的演算法,這個程式沒用很長時間,主要是環境搭建耗...