1 概述
day2補充3，介紹html中定位的所有型別和相關用法。
博主在浮動篇簡單提到過定位，這裡更加詳細的介紹。
2 定位
2.1 什麼是定位？
定位元素框相對於其正常位置應該出現的位置
定位分類
1）普通流定位（文件流）：預設
2）浮動定位
3）相對定位
4）絕對定位
5）固定定位
2.2 定位的屬性
屬性：position
取值：相對/絕對/固定
偏移屬性：top/bottom/left/right
以上四個屬性用於定位元素框的偏移位置
z-index：設定元素的堆疊順序，只有做過定位的元素才可以使用此屬性，值越大越靠近我們
2.3 浮動定位
浮動定位博主在day2補充：浮動 ——web前端中已經詳細介紹過，這裡就不再贅述。
2.4 相對定位
什麼是相對定位
1）元素相對於自己原來的位置偏移某個距離
2）元素原本所佔的空間依然保留
設定相對定位
1）屬性：positive：relative
2）搭配上偏移屬性進行移動
使用場合
1）希望元素自己的位置進行微調
2）配合絕對定位使用
2.5 絕對定位
什麼是絕對定位？
1）元素會脫離文件流，不佔據頁面空間
2）通過定位屬性固定元素的位置
3）絕對定位的起始位置：
（1）相對於最近的已經定位的祖先元素的左上角
（2）如果祖先元素中沒有定位的元素，那麼他的位置相對於最初的包含塊body左上角
注意：絕對定位會脫離文件流，是允許壓在其他元素之上的。
設定絕對定位
1）屬性：position：absolute
2）搭配上偏移屬性進行移動
使用場合
彈出選單
堆疊順序
z-index，取值：數字，無單位，越大越靠近我們
已經設定了定位的元素才能使用
2.6 固定定位
什麼是固定定位
1）將元素固定在網頁的某個位置處，不會隨著滾動條而滾動
2）固定定位也會脫離文件流，不佔據頁面空間
設定固定定位
1）屬性：position：fixed
2）搭配上偏移屬性進行移動
3 練習
web前端筆記day2
命名規則 1 帕斯卡命名 user name username 2 駝峰命名 user name username 3 匈牙利命名 user name user name form表單中，method屬性中get和post的區別 1 get提交的資料會顯示在url上，不安全 2 post提交資料時則...
DAY3補充 表單 WEB前端
1 概述 day3補充，介紹表單，包括表單得作用 表單組成 表單元素 表單控制項。2 表單 2.1 表單的作用 用於顯示 收集資訊，並且將手機的資訊提交給伺服器。2.2 表單組成 表單元素 若干表單控制項 2.3 表單元素語法 屬性1 action 必須 定義 伺服器 處理表單資料的應用程式位址，要...
Day2補充 鋼管切割問題
某公司生產長鋼管，然後一般，會將鋼條切斷，變成不同長度，然後去售賣。其中有個問題是，不同長度的鋼管的售價是不一樣的，但是它們並不是完全按照比例來，比如2公尺的鋼管售價要比3公尺的鋼管售價要少，但是並不是2比3的比例。鋼管的長度售價表如下 長度i123 4567 8910 891017 1720 24...