一、position：fixed鎖定位置（相對於瀏覽器的位置），例如有些**的右下角的彈出視窗。
頁面位置不隨滾動條，滾動，位置固定不變
二、position：absolute
1.不被外層包含； 那麼div相對於瀏覽器定位
2.被外層包含； 那麼div相對於外層邊框定位
！！！！！！！
<
內外兩層需同時註明：position
：absolute
>
！！！！！！！
三、position：relative
相對位置。
1. 如果外層沒有包含它的，那就相對於上一層（字元、或圖形）的左下角位置進行定位。
2. 外層有包含它的，則相對於，包含它的圖形的，左上角位置進行定位。
四、 分層（z-index）
1. 在z軸方向分層，可以理解為分成一摞紙，層數越高（z-index標註的數字越大））越靠上。（ 未標註時系統預設，越靠後輸入的字元層數越高）
五．float：left、right（劉氏布局）
1. left、right時不用給他規定位置（left、top），直接相對於瀏覽器。若外部被包裹，相對於外部div的除去一行的位置的左上或右上顯示
2. overflow：hidden； //超出部分隱藏；scroll，顯示出滾動條；
劉氏布局**
一.1 3 5 7 8 6 4 2
二.1 3 5*6 4 2
(7)空間不足下移
三．1 3 5(7)6 4 2
單獨排列不換行
四．135(7)642
(8)出現對數時，按空間排列，不組隊
135(7)642
(8)出現對數時，按空間排列，不組隊
五．半透明效果
<
div
class
="box"
>透明區域<
div>
在樣式表中的**為：
.box
1. 透明度0.5，填充度0.5，總效果變為4分之一
2. 字型包含在div時，字型變半透明導致模糊不清。
解決方法：字型放在div外。用position：absolute(不被包含)
直接根據body固定位置.
Flex布局知識點整理
一 傳統布局與flex布局 1.傳統布局 相容性好 布局繁瑣 侷限性，不能再移動端很好的布局 2.flex彈性布局 操作方便，布局極為簡單，移動端應用廣泛 pc端瀏覽器支援情況較差 ie 11或更低版本，不支援或僅部分支援 建議 如果是pc端頁面布局，我們還是用傳統布局。如果是移動端或者不考慮相容性...
前端知識點整理系列（一） 響應式布局
今天整理關於響應式布局的知識。響應式布局這個名詞現在應該已經很熟悉了，隨著移動端的普及，我們的 的使用者體驗需要提公升，響應式布局可以解決我們的問題。簡單點說，就是同乙個頁面可以適應不同的螢幕大小裝置的設計方案，做乙個 同時能相容多個終端，通過css中media query 媒介查詢 media功能...
指令格式的知識點整理
指令 又稱機器指令 指示計算機執行某種操作的命令 計算機執行的最小功能單位。一條機器指令是由若干位二進位制表示的0 1 組合而成的。指令系統 又稱指令集 一台計算機中實現各種 所有 功能的機器指令的集合。指令 操作碼欄位 位址碼字段 操作碼字段 指令的功能及操作特徵。概念了解 單位元組指令 半字長指...