随笔分类 - css
摘要：常见class关键词： 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, lef
阅读全文
摘要：页面的渲染过程 当我们在浏览器里输入一个 URL 后，最终会呈现一个完整的网页。会经历以下几个步骤： 1、HTML 的加载 页面上输入 URL 后，会先拿到 HTML 文件。HTML是一个页面的基础，所以会在最开始的时候下载它，下载完毕后就开始对它进行解析 2、其他静态资源的下载 HTML 在解析的
阅读全文
摘要：在小程序开发过程中，经常会遇到一些数据无法在text中完全展示，所以会使用到隐藏相关文字，并在后方加上省略号(...)。 只需要在对应的text中设置下面的css就可以了。 overflow:hidden; //超出一行文字自动隐藏 text-overflow:ellipsis; //文字隐藏后添加
阅读全文
摘要：CSS代码： .box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} HTML代码： <div class="box"> 多行
阅读全文
摘要：CSS中存在一个神秘的变量，少有人知自然也不怎么为人所用。它就是crrentColor变量（或者说是CSS关键字，但我觉得称为变量好理解些）。 初识 它是何物？具有怎样的功效？它从哪里来？带着这些疑问我们继续。 下面是来自MDN的解释： currentColor代表了当前元素被应用上的color颜色
阅读全文
摘要：（1）引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们要用它，我们如何使用并且方便的使用
阅读全文
摘要：分享一篇文章 原文链接：http://caibaojian.com/animation-fill-mode.html css3 animation状态结束后可以通过animation-fill-mode 控制动画的最后状态，分别是不改变默认行为、保持最后一个属性和回到第一帧。 假如我们就想让一个元素
阅读全文
摘要：一、transition（CSS3自带） 1、用法示例： 1 2 3 4 .hide{ /*过渡动画效果*/ opacity: 1; transition: all 1s ease-in; } 含义：透明度在1s内从0渐变为1 2、transition其他参数 建议参考（http://www.run
阅读全文
摘要：伪元素 ::before，::after 1. 空元素(不能包含内容的元素)不支持 ::before，::after IE 不支持的元素有：img，input，select，textarea。 FireFox 不支持的元素有：input，select，textarea。 Chrome 不支持的元素有
阅读全文
