background：lineer-gradient（to right/90deg，red，yellow） 漸變/橫向
border-radius：50% *** 圓角
box-shadow：x y 模糊值 外延線 顏色；
bem塊-元素-修飾符
不加margin 實際面積
w3c標準盒模型演算法
box-sizing：content-box/boder-box 控制計算方式/標準/ie計算方式
transi/tion：all linear 2s； all值可變，目前表示全部
瀏覽器廠商字首
-webkit- chrome
-moz- firefox
-ms- 微軟
-o- 歐朋
漸收漸合 ，放在元素選擇器裡
旋**transform：rotnte（45deg）
放大縮小 =1不變 > 1 放大 &it 1縮小 不佔畫素
transform：scale（1/2/.5/0.5）；
anima/tion：f45_run linear 2s； /*寫在要控制的元素選擇器裡*/
no1 @keyframes f45_run
to }
no1 @keyframes f45_run
20%
50%
80%
}包含塊的尺寸：盒模型，定位體系的影響。
三種定位體系：常規流，浮動，絕對定位
1、行內元素設定浮動後可設定高寬。
2、文字型別浮動後會摺疊刀最小寬度。
3、元素的浮動始終停留在wrap的content裡，不會穿越到padding。
4、子級浮動導致父級高度塌陷。 所以最好設定高度，或者用bfc塊級格式化 overflow：hidden
5、浮動會影響別的元素
容器/包含塊
頭部和尾部通欄 設定寬度100%
顯示屏寬度1366px 1425px 1920px
為了自適應設定寬度為100%
not（s） 不選擇括號裡某項
值：left/both/right
用在被浮動影響的元素上
提行清浮動
placeholder input屬性值，輸出文字框預設內容
值：static/relative/absolute/fixed
static：為position的預設值，非靜態定位
relative：相對於本身定位，瀏覽器（00） 點
absolute：以離它最近的，包含它的非靜態定位的元素定位，一般和relative配合使用，脫離文件流。
fixed：固定定位，用於返回頂部或廣告，以視口為準。脫離文件流
瀏覽器定位
1 基礎知識 瀏覽器的定位依賴於各個瀏覽器在開啟頁面瑣傳輸的http header資訊中的user agent，所以在這之前先了解user agent是非常有必要的。user agent中文名為使用者 是http協議中的一部分，屬於頭域的組成部分，user agent也簡稱ua。它是乙個特殊字串頭，...
不同瀏覽器不同效果
1.在internet explorer 8,opera 9,chrome,firefox 2 3,and safari下，新增display block會讓有序或無序列表中li元素的專案編號消失。但在ie6和ie7下，新增display block專案符號依舊存在。2.transition tra...
相對瀏覽器定位
position fixed生成絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。top expression eval document.documentelement.scrolltop ie6 頭部固定 position ...