随笔分类 - css / css3
摘要：问题： 安卓app端下rotateY从0到360deg被认为是没有旋转，存在兼容性问题 解决方法： 建议@keyframes加多几个中间状态
阅读全文
摘要：html引入思源黑体 通过Link标签在网页头部引用Google Web Font: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
阅读全文
摘要：按照国际惯例先放效果图 贴代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <style> .container{ width:1200px; height:auto; } .
阅读全文
摘要：首先保证路径正确，引入ttf字体，没有生效 使用在线工具把ttf转为更多常用的字体格式 网址：https://www.fontke.com/tool/convfont/ css里补全格式： 生效了 还有另一种原因，就是服务器没有在iis里加字体文件的映射 解决方法: 添加MIME类型映射 直接在II
阅读全文
摘要：一、取消a标签在移动端点击时的蓝色 a{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }
阅读全文
摘要：即使使用 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式 类似<a>标签这种inline-block元素，它们之间还是存在着留白和间距。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
阅读全文
摘要：CSS Sprite CSS雪碧图 为了减少http请求数量，加速网页内容显示，很多网站的导航栏图标、登录框图片等，使用的并不是<image>标签，而是CSS Sprite雪碧图。 雪碧图使用场景： 1、静态图片，不随用户信息的变化而变化 2、小图片，图片容量比较小 3、加载数量比较大 4、一些大图
阅读全文
摘要：首先官网（http://www.ruby-lang.org/en/downloads/）下载 ruby （1）打开链接进入到下载页面，点击如下位置进行下载 （2）下载页面 （3）进入到各个版本的列表页 安装 sass（1）在开始菜单输入“start”会出现“Start Command Prompt
阅读全文
