css
_being_
这个作者很懒,什么都没留下…
展开
-
css 代码规范
css 代码规范原创 2014-12-12 13:21:32 · 543 阅读 · 0 评论 -
左右经典布局
左右两列:一列宽度固定,一列宽度自适应 * { box-sizing :border-box; } body { background-color: #ddd; text-align: center; } .main, .left { background-color: #fff; } .main {原创 2017-11-21 10:50:49 · 444 阅读 · 0 评论 -
等高布局
等高布局: N列的高度是相同的。实现原理是通过margin-bottom和padding-bottom设置一个很大并且和相加相互取消的值。 * { box-sizing :border-box; } body { background-color: #ddd; text-align: center; } .container原创 2017-11-21 10:47:44 · 355 阅读 · 0 评论 -
圣杯布局
圣杯布局: 头部和尾部宽度自适应,中间部分分为三列并且中间部分宽度自适应,两边宽度固定。 * { box-sizing: border-box; } body { text-align: center; background-color: #ddd; min-wid原创 2017-11-21 10:34:21 · 357 阅读 · 0 评论 -
修改chrome 滚动条颜色
实现效果: 主要css代码 /**滚动条**/ .myp::-webkit-scrollbar { width: 10px; } /** 滚动条传送**/ .myp::-webkit-scrollbar-track-piece { width: 10px; background-color: #4e4e5a; }原创 2017-11-21 10:24:42 · 1930 阅读 · 0 评论 -
dns-prefetch性能优化
dns-prefetch性能优化 转载地址 dns-prefetch, 是DNS预获取,也是网页前端的优化的一种技术。一般在前端优化中与DNS有关的两点:1、减少请求次数,2、提前对DNS预获取。DNS作为互联网的基础协议,其解析速度很容易被网站优化人员SEO人员忽视,其典型的一次dns-prefetch解析需要“20-120ms”,减少DNS解析时间和次数是一个不错的优化方式。dns-转载 2017-08-31 19:59:33 · 793 阅读 · 0 评论 -
stylus用法
stylusstylus是一款 CSS 的预处理器,使用它可以创建健壮的、动态的、富有表现力的CSS。用法# installnpm install stylus -g# watch and complie stylus file from command linestylus -w style.styl -o style.css语法注释 // 单行 /多行,压缩后不输出/ /!压缩后原创 2017-05-09 17:13:06 · 12847 阅读 · 1 评论 -
CSS 笔记总结
css 总结笔记原创 2014-12-12 13:14:47 · 384 阅读 · 0 评论 -
css 实用笔记
css 总结 笔记原创 2014-12-12 13:25:48 · 437 阅读 · 0 评论 -
双飞翼布局
双飞翼布局:实现效果和圣杯一样,只是实现的方式有所区别。留白的方式不同(在主要区域内部留白) css * { box-sizing: border-box; } body { background-color: #ddd; min-width: 500px; } header, footer, .main-原创 2017-11-21 10:40:22 · 288 阅读 · 0 评论