/*
彈性盒（移動端布局）
1.父元素的屬性
display: flex; 我是乙個彈性盒 子元素水平排列
flex-direction: column; 子元素垂直排列
justify-content: center; 子元素水平對齊方式
align-items: center; 子元素垂直對齊方式
2.子元素的屬性
flex-grow: number;
解決margin-top問題：(第乙個塊級子元素)
1.父元素加overflow:hidden;
2.父元素加border:1px solid transparent;
3.父元素或者子元素浮動
4.父元素加padding-top:1px;
3）偽類選擇器
:link 點選之前
:visited 點選之後
:hover 滑鼠懸停
:active 按下
浮動float:left|right|none(預設值);
浮動後在網頁中不佔據位置，排除到文件流以外
浮動以後是碰到父元素的邊框或者浮動元素的邊框就會停止
浮動不會重疊
浮動沒有上下浮動
效果：塊級元素在同一行顯示
元素浮動以後都會轉換為跨級元素
清除浮動
1.受影響的元素加clear:left|right|both;
2.浮動元素的父元素加overflow:hidden;
3.浮動元素的後面加空div clear:both;
4.偽物件法
浮動元素的父元素:after
5.浮動元素的父元素設定高度（父元素高度已知）
定位 position 元素定位
1.static 預設值 靜態定位
2.relative 相對定位
相對於自己原位置定位，定位後原位置保留
配合top，bottom，left，right使用
3.absolute 絕對定位
相對於已經定位的父元素定位，如果父元素沒有定位，
逐級往上找，最後相對於body定位
定位後原位置不保留
配合top，bottom，left，right使用
建議：給絕對定位的父元素加乙個相對定位
4.固定定位 fixed
相對於瀏覽器視窗定位，定位後原位置不保留
配合top，bottom，left，right使用
5.z-index:number; 堆疊順序
取值越大越往上
可以取負值,不建議取負值
必須配合position使用
居中問題
1.內容水平居中
text-align:center;
2.一行文字垂直居中
line-height=height
3.盒子水平居中
div4.子元素在父元素中水平垂直居中
1)彈性盒法
.parent
.child
2）**法
.parent
.child
3)絕對定位法（常用）
.parent
.child
csshack
說明：在標準模式中
「-″減號是ie6專有的hack(注意)
「\9″ ie6/ie7/ie8/ie9/ie10都生效
「\0″ ie8/ie9/ie10都生效，是ie8/9/10的hack
「\9\0″ 只對ie9/ie10生效，是ie9/10的hack
模板的使用順序: json資料,定義模板,呼叫模板,返回html
這個是根據數值範圍,求出所有數字
var size = '40-45';
var sizearr = size.split('-');
for( var i = sizearr[0]; i<= sizearr[1] ; i ++ )
關於Web前端的一些筆記
歡迎閱讀 之所以記錄這些，是因為看了別人的筆記總是記不住。為了加深記憶，本文會記錄一些比較經典的題目，還是選擇敲一點東西，以後要回來閱讀也更容易一些。想要了解三次握手和四次揮手，首先得了解tcp報文的主要欄位的意思。需要注意的是，大寫的ack syn和小寫的ack syn不是一回事，前者只是作為標誌...
前端學習筆記，只記一些自己常忘的，難的
目錄 1.滑鼠經過的背景顏色，不是鏈結文字顏色 2.背景位置，第乙個引數是x座標，第二個是y座標，可以與方位名詞混合使用 3.css權重，相加得到的哪個大就選哪個 4.沒設定寬度，加了padding也沒有影響寬度 如果加了with，那麼再加padding，寬度就會加大，所以設設定時要小心 5.如果加...
自己的一些感想
其實寫技術部落格和使用linux系統是自己上大學學習程式設計以來就想開始的兩件事，但一直也沒有下決心去做。剛好現在這兩件事同時發生了，希望自己可以重新開始，把以前想做但沒有做的事情都補上。本來一開始是想在csdn上寫部落格，但是發現註冊的時候我的yahoo郵箱啟用郵件無法收到，無奈只能註冊，後來又發...