• 博客园logo
  • 会员
  • 周边
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
梦见一只电子羊
meet me tonight in the dreamland
博客园 | 首页 | 新随笔 | 新文章 | 联系 | 订阅 订阅 | 管理

随笔分类 -  css

 
overscroll-x隐藏滚动条
摘要:::-webkit-scrollbar{ display:none; } 阅读全文
posted @ 2018-07-03 15:01 梦见一只羊
图片预加载和懒加载的实现方法
摘要:图片预加载即提前加载图片,可保证图片快速、无缝地发布,用户需要查看时可直接从本地缓存中渲染,适用于图片占据很大比例的网站。 方法1,在CSS background中加载:会增加页面的整体加载时间 方法2,JS new image对象,设置src加载: 方法3,Ajax预加载,new Image()对 阅读全文
posted @ 2017-08-07 01:36 梦见一只羊 阅读(11259) 评论(0) 推荐(0)
在vue中使用Element-UI
摘要:Element-UI是一套基于Vue2.0的UI组件库,http://element.eleme.io/#/zh-CN/component/carousel 首先npm install element-ui --save 然后在main.js中引入: 即可使用 将图片引入的一个效果: 若单页则引入j 阅读全文
posted @ 2017-07-27 12:00 梦见一只羊 阅读(20511) 评论(3) 推荐(0)
CSS3 Flex布局和Grid布局
摘要:1 flex容器的六个属性 flex实现垂直居中: 2 Flex元素属性 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool http://www.ruanyifeng.com/blog/2015/0 阅读全文
posted @ 2017-07-25 10:53 梦见一只羊 阅读(5119) 评论(0) 推荐(0)
移动端页面a input去除点击效果及pc端切换
摘要:1 手机端页面a button input去除点击效果以及闪屏问题 添加: 2 使用border创建小三角形 3 去除点击效果 4 移动端和pc端使用不同页面,判断设备是pc端还是移动端,并进行链接的切换跳转 阅读全文
posted @ 2017-07-09 02:40 梦见一只羊 阅读(1858) 评论(0) 推荐(0)
Normalize.css用法
摘要:1 Normalize.css用法 重置样式非常多,Normalize.css和reset是两个常用的重置 CSS 文件 http://necolas.github.io/normalize.css/ 可以用来作为项目的基础CSS Normalize 相对reset更加平和,注重通用的方案,重置掉该 阅读全文
posted @ 2017-06-20 15:51 梦见一只羊 阅读(359) 评论(0) 推荐(0)
div中div水平垂直居中
摘要:方法-1 img { vertical-align: middle; } div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; } img { vertical 阅读全文
posted @ 2017-06-15 12:14 梦见一只羊 阅读(217) 评论(0) 推荐(0)
移动端px转rem的两种方法
摘要:rem使用方法: rem ,root element,即相对于根元素的大小,浏览器默认字符大小为16px,此时1rem相当于16px. 方法1 设置font-size: 1em则=16px*62.5%=10px,1.2em则=12px 方法2 使用less或则scss的方式: 若设计稿的宽度为750 阅读全文
posted @ 2017-06-08 11:39 梦见一只羊 阅读(762) 评论(0) 推荐(0)
 

公告


博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3