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的環境搭建,以及寫了乙個簡單的實驗二,的一小部分就是編寫了乙個簡單的演算法,這個程式沒用很長時間,主要是環境搭建耗...