清除浮动
1 | .clearfix:after { |
媒体查询案例
1 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/> |
背景渐变
1 | background:linear-gradient(#000,#fff); |
直角三角形
1 | border-top: 40px solid #000; |
双边框
1 | border:1px double #fff; |
css动画
1 | animation: 动画名称 一次效果的持续时间 速度曲线 延迟 播放次数 偶数次是否逆向播放 是否停到最后一帧; |
引入字体,将字体导入到本地
1 | @font-face{ |
字母不换行
1 | letter-spacing:2px ;/*字母间距*/ |
动画旋转 过渡
1 | /*转换 : 位移(translate(水平,垂直)) 缩放 旋转 拉伸*/ |