css預處理器
使用特定的語法來編寫css，可以擴充套件css的功能
常見的預處理器 less、sass
sass官網
vs code外掛程式：live sass compiler（注意f1開監聽watch sass）
巢狀中&代表當前元素
變數宣告
$ 名字：屬性值(不需要屬性名) ;
混合器宣告@mixin 名字（引數，引數）
混合器引用@include 名字（引數，引數）
引用是的引數個數不能比宣告的時候少,但是可以多
引數也可以引用宣告
佔位符%名字
引用@extend %名字
作用域當前標籤和子元素可以使用
響應式布局 （media screen）（客戶端判斷）
乙個**能夠相容多種終端，在不同解析度下布局不同
自適應布局（伺服器判斷用哪一種特定的頁面布局）
大1200 中992 768 小768 一搬情況
media screen and(最小寬度) and(最大寬度)
響應式布局與流式布局
width 控制viewport的大小 height 和width相對應 initial scale 初始縮放比例，也即是當頁面第一次 load 的時候縮放比例。maximum scale 允許使用者縮放到的最大比例。minimum scale 允許使用者縮放到的最小比例。user scalable...
響應式布局 響應式布局技巧
一理解幾種布局的概念 1 靜態布局 static layout 即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫 的布局來布置 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap...
響應式布局與Bootstrap
bootstrap的介紹 什麼是響應式布局 讓乙個 相容不同解析度的裝置 給使用者更好的視覺使用體驗。響應式布局的優缺點優點 解決了裝置之間的差異化展示 讓不同的裝置達到最優的體驗 缺點 對開發者來說，相容性 多，工作量大，對瀏覽器來說，載入速度受影響 響應式布局設計原則移動優先 在設計的初期就要考...