先看效果 再看代码： 实现中华民族的伟大复兴 p{ color : #313131; font-size:30px; vertical-align : middle; background : linear-gradient(to righ…

在写一些标题的时候想添加个置顶文字，就加了个span，但搞了半天，由于字体大小不一样，就是不居中。 下面是原来的代码片断。 置顶 中华民族的伟大复兴 .entry-title-top { line-height: 26px; height …

这是主要是应用一个transition的效果rotateZ，他定义了一个转换，它可以让一个元素围绕横Z轴旋转，而不会对其进行变形。 本文右侧的文章作者卡片的头像就应用了这个效果。 代码如下 先看CSS代码，内容有详细的说明 .avatar …

纯CSS实现中间文字 两端横线的方法. 效果演示 代码演示 line 第一种方法 第二种方法 第三种方法

一个大盒子里，小盒子整齐排列，自动换行。 .cont{ display: flex; align-items: center; justify-content: space-between; flex-flow:row wrap; widt…

今天在看露兜即刻时发现，他的所有PRISM代码头部都有一个语言名称的文件头，效果很棒。无耻的看了他的网页源码，发现在代码前面都有一个盒子 看了一下，原来是通过content赋予rel的值，达到动态内容。然后css用before伪类在盒子前面…

目前jQuery有三个大版本： 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版…

如果一个网站大量采用了html5和css3，希望用户都以支持H5和css3的webkit内核打开页面，则需要设置content="webkit"来使用浏览器进行渲染。 content的取值为webkit,ie-comp,ie-stand之一…

什么是viewport viewport是针对移动设备的响应式设计。viewport 直接翻译就是用户网页的可视区域。通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是…

rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。 我们知道，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系： | px | rem | ------…