web前端基礎篇⑩

標籤：

1.960柵格式布局法
螢幕解析度為1024*768.採用接 main寬為960px的布局方式
12列式：每格60px 間距20px 3 6 3版 三格式布局（最常用）
16列式：每格40px 間距20px 3 3 6 4版 四格式布局（較常用）
容器：container_x 後面x代表數字。container_12 將頁面分成12等份
2.使用bootstrap下載後產生css,js,foots三個檔案夾，三個檔案夾不能修改不能刪，缺一不可。
min是壓縮版，引入時建議引入壓縮版。
所有的javascript外掛程式都依賴於js檔案夾，
<script src=.js/jquery.min.js></script>
<script src=.js/bootstrap.min.js></script>
<mate name=“viweport”>移動端頁面1:1縮放，
link引入，選擇min.css檔案，其他都沒用。
3.sass
匯入：@import
注釋：有兩種，一是標準的／＊＊／，另一種是／／。
變數：$開頭，後面跟變數名，再用：跟變數值隔開。
嵌套：一般用&表示父元素選取器。
混合（mixin）：使用@mixin聲明混合，可以傳遞參數，參數名以$符號開始，多個參數以逗號分開，也可以給參數設定預設值。聲明的@mixin通過@include來調用。
繼承：使用關鍵詞@extend，後面緊跟需要繼承的選取器。

web前端基礎篇⑩