樓水流云

安裝npm install -g less 轉(zhuǎn)換 文件+轉(zhuǎn)換后文件名字 (會在當前文件夾生成文件)lessc styles.less styles.css +壓縮lessc...

樓水流云

一個class 樣式庫 使用的時候只要套上它內(nèi)置的class就能實現(xiàn)效果 使用Bootstrap1颇象、npm install bootstrap || npm install...

樓水流云

1、塊級元素布局是 從上到下 垂直方向 敛纲、行內(nèi)布局是 從左到右 水平方向 掠兄、Flex是與方向無關(guān)的2饱岸、flex布局可以實現(xiàn)空間自動分配、自動對齊(flexble:彈性徽千、靈活)...

樓水流云

{box-sizing: border-box;}.container {margin: 0 auto;}@media (min-width: 768px) {.contai...

樓水流云

width 瀏覽器寬度height 瀏覽器高度device-height 設(shè)備分辨率的高度值device-width 設(shè)備分辨率的寬度值ori...

樓水流云

@media(max-height:700){}響應(yīng)式布局-自適應(yīng)布局 不同的設(shè)備 不同的窗口大小 展示不同的CSS就是媒體查詢1苫费、兩套代碼 同一個域名2、一套代碼 在不同...

樓水流云

使用動畫div: hover {animation: 1s 1s 動畫名 infinite|| 3(次)forwards reverse alternate...

樓水流云

transform: rotate(360deg,180deg) 旋轉(zhuǎn) x y 單位度transform: scale(2,3)双抽； 縮放 ...

樓水流云

transition: all 1s ease(默認不用寫);1針對什么元素 2幾秒 3緩動狀態(tài) linear 勻速ease-in 加速ease-out 減速cubic-be...

樓水流云

background:liner-gradient(to right, red, blue...) 線性漸變左右(to bottom, red, blue...) ...

樓水流云

ie條件注釋法 ie10以上不支持百框！ [if !IE] 非IE [條件注釋寫法不同]lt [if lt IE 5.5] 小于IE 5.5lte [if lte ...

樓水流云

兼容ie67一般使用（jquery）1.n的版本 2版本以上不支持html5shiv.js html5標簽低版本模擬respond.js 媒體查詢css3低版本模...

樓水流云

首頁全屏方法 下面還可以設(shè)置多頁body,html{height: 100%;} 如彈窗全屏方法 單頁.box{position: absolute;top: 0;left:...

樓水流云

水平居中text-alingn: center; 行內(nèi)居中 給父容器div作這個設(shè)置margin: 0 auto; 塊級元素居中 需要設(shè)置自己寬度 給自己div作這個設(shè)置 垂...

樓水流云

1、relative --相對定位元素 相對自己的位置做定位 left-right-top-bottom2牍汹、absolute --絕對定位的元素 相對父容器內(nèi)邊框做定位父元素...

樓水流云

1铐维、BFC 會阻止垂直外邊框合并2、BFC 不會重疊浮動元素3慎菲、BFC 可以包含浮動 4嫁蛇、任何元素設(shè)置了float: left rightposition: absolut...

樓水流云

寫標準的代碼后 使用工具添加內(nèi)容兼容npm install -g postcssnpm install -g postcss-clinpm install -g autopr...

樓水流云

清理浮動通用方法： .clearfix:after{content:"";display: block/table;clear:both;} .clearfix{*zoom:...

樓水流云

1、image.img的大小設(shè)置.img的vertucal-align: middle.請求數(shù)過多 2露该、CSS 精靈圖.Ps拼圖.命令行工具 sprity create bu...

樓水流云

bakciground:#ccc url() no-repeat fixed 0 0 ;背景顏色背景圖片是否重復(fù)睬棚？是否固定/滾動？偏移xy 設(shè)置窗口的大小 backgroun...