1.使用百分比
2.使用em，相對於上下文的百分比（body預設16px, 100%, 1em）
body
子元素相對body的大小。比如寬度為48px, 則設定 width: 3em
3.**查詢，比較常用的框架bootstrap.css
4.css3
text-shadow (陰影）: 1px 1px 1px #000000; 右陰影 下陰影 模糊寬度 陰影顏色
-1px -1px 1px #000000; 上陰影 左陰影 模糊寬度 陰影顏色
0 1px 0 #ffffff; 浮雕效果
多重陰影：text-shadow: 0 1px 0 #fff, 4px 4px #000
box-shadow: 0 0 1px #ffffff; 水平偏移距離，垂直偏移距離，模糊半徑，陰影顏色
inset 0 0 30px #000; 內陰影
多重陰影：box-shadow: 0 1px 0 #fff, 4px 4px 0 #000
漸變背景
多重背景 background: url(), url(), url()
css3響應式布局
1 分界點 超小螢幕xs 移動裝置 768px以下 小屏裝置sm 768px 992px 中等螢幕md 992px 1200px 寬屏裝置lg 1200px以上 2 語法 media screen and max width 768px stylesheet href css a.css style...
CSS3響應式布局總結
一 摘要 今天給大家總結一下css的響應式布局,首先我們還是先弄清楚,幾種布局的概念.1.靜態布局 static layout 特點 固定死的寬高,典型的應用靜態 2.自適應 特點 1 為不同螢幕定製不同的布局 2 在每個布局中頁面元素不隨著視窗的大小而改變 3.流式布局 特點 1 只有一套布局 2...
快速最好響應式布局（CSS3）
display flex 伸縮布局模式 給父級加 min width 盒子最小寬度 小於這個寬度，在縮小頁面，盒子不會縮小 max width 盒子最大寬度 大於這個寬度，在放大頁面盒子不會變大，放大的都是空白 flex direction row 預設 column 豎著劃分 justify co...