随笔分类 -  css

css tips
css笔记——关于css中写上charset “utf-8”
摘要：当css文件中写上 charset "utf-8" 时需要将body和html的样式分开写 例如： html,body{margin:0;padding:0;font-family:"Microsoft Yahei"} 此时body的margin和padding设置不起作用，也就是没办法覆盖浏览器默 阅读全文
posted @ 2016-09-19 10:19 青草圆 阅读(1251) 评论(0) 推荐(0)
css笔记——css 实现自定义按钮
摘要：css实现自定义按钮的样式实际上很早就有了，只是会用的人不是很多，里面涉及到了最基础的css写法，在火狐中按钮还是会显示出来，这时需要将i标签的背景设置为白色，同时z-index设置比input高一些，这样才可以把按钮盖住，同时注意：background-color放在background后才起作用 阅读全文
posted @ 2016-08-29 15:12 青草圆 阅读(5250) 评论(0) 推荐(0)
css笔记——移动端
摘要：苹果手机 以下内容出处：http://blog.sina.com.cn/s/blog_51048da70102uyjp.html 1.-webkit-tap-highlight-color 以下内容出处：http://blog.sina.com.cn/s/blog_51048da70102uyjp. 阅读全文
posted @ 2016-05-03 10:02 青草圆 阅读(278) 评论(0) 推荐(0)
sass最佳实践
摘要：sass 变量 可以实现统一的布局，比如统一的内边距，统一的外边距，统一的颜色，统一的字号。 嵌套 可以根据组件的嵌套方式来嵌套css代码，方便收缩，查找。代码结构非常清晰，有利于以组件的方式开发 混合 代码重用的时候需要用到，运用混合又会遇到另外一个问题，当相同的代码在不同的地方重新编写，会使代码 阅读全文
posted @ 2016-04-22 13:44 青草圆 阅读(718) 评论(0) 推荐(0)
编辑器笔记——sublime text3 编译sass
摘要：如已经安装sass 和 sass build两个插件到ST，command+b编译也没有问题，那么另外安装koala，在koala中引入你要编辑的sass，并把该sass文件设置为自动编译，那么用ST编辑该sass保存时就能自动编译了，不用每次command+b编译那么麻烦。<img 阅读全文
posted @ 2016-03-31 17:53 青草圆 阅读(624) 评论(0) 推荐(0)
CSS笔记——padding，margin为百分比计算时的参照对象
摘要：div的padding为百分比的两种情况 padding-top,padding-bottom,margin-top,margin-bottom是百分比时是按照当前元素的父级元素的宽度来计算的 1. 当子div的宽度是百分比时 html代码 效果图 2. 当子div的宽度是具体像素时 html 效果 阅读全文
posted @ 2016-03-24 10:10 青草圆 阅读(2855) 评论(5) 推荐(0)