楼水流云

安装npm install -g less 转换 文件+转换后文件名字 (会在当前文件夹生成文件)lessc styles.less styles.css +压缩lessc...

楼水流云

一个class 样式库 使用的时候只要套上它内置的class就能实现效果 使用Bootstrap1、npm install bootstrap || npm install...

楼水流云

1、块级元素布局是 从上到下 垂直方向 、行内布局是 从左到右 水平方向 、Flex是与方向无关的2、flex布局可以实现空间自动分配、自动对齐(flexble:弹性、灵活)...

楼水流云

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

楼水流云

width 浏览器宽度height 浏览器高度device-height 设备分辨率的高度值device-width 设备分辨率的宽度值ori...

楼水流云

@media(max-height:700){}响应式布局-自适应布局 不同的设备 不同的窗口大小 展示不同的CSS就是媒体查询1、两套代码 同一个域名2、一套代码 在不同...

楼水流云

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

楼水流云

transform: rotate(360deg,180deg) 旋转 x y 单位度transform: scale(2,3)； 缩放 ...

楼水流云

transition: all 1s ease(默认不用写);1针对什么元素 2几秒 3缓动状态 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低版本模...

楼水流云

首页全屏方法 下面还可以设置多页body,html{height: 100%;} 如弹窗全屏方法 单页.box{position: absolute;top: 0;left:...

楼水流云

水平居中text-alingn: center; 行内居中 给父容器div作这个设置margin: 0 auto; 块级元素居中 需要设置自己宽度 给自己div作这个设置 垂...

楼水流云

1、relative --相对定位元素 相对自己的位置做定位 left-right-top-bottom2、absolute --绝对定位的元素 相对父容器内边框做定位父元素...

楼水流云

1、BFC 会阻止垂直外边框合并2、BFC 不会重叠浮动元素3、BFC 可以包含浮动 4、任何元素设置了float: left rightposition: absolut...

楼水流云

写标准的代码后 使用工具添加内容兼容npm install -g postcssnpm install -g postcss-clinpm install -g autopr...

楼水流云

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

楼水流云

1、image.img的大小设置.img的vertucal-align: middle.请求数过多 2、CSS 精灵图.Ps拼图.命令行工具 sprity create bu...

楼水流云

bakciground:#ccc url() no-repeat fixed 0 0 ;背景颜色背景图片是否重复？是否固定/滚动？偏移xy 设置窗口的大小 backgroun...