CSS BEM 书写规范

BEM命名约定使用 BEM 命名规范,理论上讲,每行 css 代码都只有一个选择器。 BEM代表 “块(block),元素(element),修饰符(modifier)”,我们常用这三个实体开发组件。 在选择器中,由以下三种符号来表示扩展的关系: - 中划线 :仅作为连字符使用,表示某个块或者某个子元素的多单词之间的连接记号

2020-01-02 · xiejiahe · CSS
单行与多行文本溢出显示省略号

单行实现比较简单white-space: nowrap; /* 不换行 */ overflow: hidden; /* 溢出隐藏 */ text-overflow: ellipsis; /* 溢出显示省略号 */ 重点说的是多行 看到-webkit-就知道了,多行省略号一般用在移动端 /* *

2017-10-28 · xiejiahe · CSS
分享loading动画集合

53种纯CSS3炫酷loading指示器动画特效感觉还不错,不挑剔的话肯定有一款适合你 在线演示 loaders.css 这是用css3实现的动画 在线演示 loading.io 这个厉害了,非常全面,有GIF、SVG、CSS3 值得一看 在线演示 svg-loaders 通过SVG去实现的动画,有点少,通过Img去加载 在线演

2017-10-22 · xiejiahe · HTML CSS
Sticky-footer解决方案

像下面那样,footer只会永远紧跟着内容下面,,但是我们只想要内容不足的时候footer要在最底,当内容足够的时候紧跟着内容后面。 HTML代码

我是头

上元夜,指旧历正月十五夜,又称元宵节。我国素有元

2017-09-13 · xiejiahe · HTML CSS