前端筆記

• Bootstrap 框架的網格系統工做原理以下：
  1 、數據行 (.row) 必須包含在容器（ .container ）中，以便爲其賦予合適的對齊方式和內距 (padding) 。

<div class=" container ">
      <div class=" row "></div>
      </div>

2 、在行 (.row) 中能夠添加列 (.column) ，但列數之和不能超過平分的總列數，好比 12 。
<div class="container"> <div class="row"> <div class="col-md- 4 "></div> <div class="col-md- 8 "></div>
3 、具體內容應當放置在列容器（ column ）以內，並且只有列（ column ）才能夠做爲行容器 (.row) 的直接子元素
4 、經過設置內距（ padding ）從而建立列與列之間的間距。而後經過爲第一列和最後一列設置負值的外距（ margin ）來抵消內距 (padding) 的影響

vertical-align是設置設置元素的垂直對齊方式。沒有text-vertical；

垂直居中對齊的標籤訂義是:<vertical-align:center>

UTF-8（8-bit Unicode Transformation Format）是一種針對Unicode的可變長度字符編碼，又稱萬國碼。UTF-8用1到6個字節編碼UNICODE字符。用在網頁上能夠同一頁面顯示中文簡體繁體及其它語言（如英文，日文，韓文）。
GBK是漢字編碼，是雙字節碼，可表示繁體字和簡體字。
ISO8859-2 字符集，也稱爲 Latin-2，收集了東歐字符。

hover -> focus -> active
懸停 -> 聚焦 -> 響應

Flexbox能夠簡單快速的建立一個具備彈性功能的佈局，當在一個小屏幕上顯示的時候，Flexbox可讓元素在容器(伸縮容器)中進行自由擴展和收縮，從而容易調整整個佈局。它的目的是使用常見的佈局模式，好比說三列布局，能夠很是簡單的實現。
一個Flexbox佈局是由一個伸縮容器(flex containers)和在這個容器裏的伸縮項目(flex items)組成。 伸縮容器(flex containers)是一個HTML標籤元素，而且「display」屬性顯式的設置了「flex」屬性值。在伸縮容器中的全部子元素都會自動變成伸縮項目(flex items)。

當定義border:none時，表示無邊框樣式，瀏覽器並不會對邊框進行渲染，也就沒有實際的寬度；

display:none在隱藏元素的時候，將其佔位空間也去掉；而visibility:hidden只是隱藏了內容而已，其佔位空間仍然保留。

display:none與visibility:hidden均可以用來隱藏某個元素

瀏覽器 的內核引擎，基本上是四分天下：1）Trident: IE 以Trident 做爲內核引擎；2)Gecko: Firefox 是基於 Gecko 開發；3）WebKit: Safari, Google Chrome,傲遊3,獵豹瀏覽器,百度瀏覽器 opera瀏覽器；4）Presto: Opera的內核，但因爲市場選擇問題，主要應用在手機平臺--Opera mini

.屏幕的尺寸標準

超小屏幕（手機）	小屏幕（平板）	中等屏幕（桌面）
<768px	>=768	>=992
.col-xs-	.col-sm-	.col-md-

1，@import url（）機制是不一樣於link的，link是在加載頁面前把css加載完畢，而@import url（）則是讀取完文件後在加載，因此會出現一開始沒有css樣式，閃爍一下出現樣式後的頁面(網速慢的狀況下)。
2，@import 是css2裏面的，因此古老的ie5不支持。
3，當使用javascript控制dom去改變樣式的時候，只能使用link標籤，由於@import不是dom能夠控制的。
4，link除了能加載css外還能定義RSS，定義rel鏈接屬性，@import只能加載css

static
元素框正常生成。塊級元素生成一個矩形框，做爲文檔流的一部分，行內元素則會建立一個或多個行框，置於其父元素中。
relative
元素框偏移某個距離。元素仍保持其未定位前的形狀，它本來所佔的空間仍保留。
absolute
元素框從文檔流徹底刪除，並相對於其包含塊定位。包含塊多是文檔中的另外一個元素或者是初始包含塊。元素原先在正常文檔流中所佔的空間會關閉，就好像元素原來不存在同樣。元素定位後生成一個塊級框，而不論原來它在正常流中生成何種類型的框。
fixed
元素框的表現相似於將 position 設置爲 absolute，不過其包含塊是視窗自己。

W3C標準定義的阻止事件向父容器傳遞： e.stopPropagation()

DOM中的事件對象：（符合W3C標準）

preventDefault() 取消事件默認行爲
stopImmediatePropagation() 取消事件冒泡同時阻止當前節點上的事件處理程序被調用。
stopPropagation() 取消事件冒泡對當前節點無影響。
IE中的事件對象：
cancelBubble() 取消事件冒泡
returnValue() 取消事件默認行爲

柵格系統的工做原理中有，爲了建立列（colume）之間的間隔 須要設置padding,並且須要設置margin爲負值，消除第一個和最後一個之間padding的影響。

float有四個值left,right,none（默認值）和inherite（從父類繼承而來的浮動）。