一、適配多解析度的css
通過判斷當前瀏覽器尺寸載入不同的css檔案
無限定條件的css載入檔案必須放在有限定條件的載入檔案前面，不然頁面載入會先載入限定條件的css檔案。
判斷解析度的css檔案需要按width或者height從大到小依次往下排，頁面載入的時候會根據順序從下往上判斷，例如：
選擇條件是max-width，則是判斷寬度在max-width以下的頁面，如果1200px的css檔案放在480px檔案的後面，頁面就不會去載入480px的檔案了；
同理min-width是判斷在min-width以上的頁面，小解析度的css檔案不能放在大解析度檔案後面。
前端學習筆記css篇（1）
1.響應式布局 常用的響應式布局方法 為不同解析度配置不同的css檔案 當解析度大於720px時 media screen and min width 720px 2.css動畫 css3的animation提供簡單的動畫效果，如設定透明度漸變 header keyframes c opacity ...
前端學習筆記 CSS 清除浮動
我們前面說過，浮動本質是用來做一些文字混排效果的，但是被我們拿來做布局用，則會有很多的問題出現，但是，你不能說浮動不好 由於浮動元素不再占用原文件流的位置，所以它會對後面的元素排版產生影響，為了解決這些問題，此時就需要在該元素中清除浮動。準確地說，並不是清除浮動，而是清除浮動後造成的影響 如果浮動一...
前端學習筆記（六）CSS浮動
頁面布局方式主要包含 文件流 常規流 浮動流 脫離文件流 文件流 文件流中元素框的位置由元素在html中的位置決定，塊級元素從上到下依次排列，框之間垂直距離由框的垂直margin計算得到，行內元素在一行中水平布置。文件流就是html文件中的元素如塊級元素 行內元素依據他們的顯示屬性按照在文件中的先後...