将行内元素设置为块级元素，就可以设置宽高 方式一： 使用display： display:block/inline-block <span class="one">test</span> .one…

vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。 循环列表，html: <template> <div class="newslist"> <ul&…

GitBook《拥抱未来的CSS布局方式：flex与grid布局》全教程 本书（系列文章）为对CSS中flex布局与grid布局的详细介绍，已在GitHub同步更新，如您在阅读过程中发现描述有误或错别字的情况，您可以向本…

迭代器（Iterator） ES5实现迭代器 迭代器是什么？遇到这种新的概念，莫慌张。 迭代器是一种特殊对象，每一个迭代器对象都有一个next()，该方法返回一个对象，包括value和done属性。 ES5实现迭代器的代…

CSS3 提供了transition 过渡、transform 变换和animation 动画来实现页面中的一些样式转化，这篇文章会对这几个属性做简单的介绍，然后比较一下 CSS3 动画和 JS 动画哪个性能更好。 Tr…

1. 取消拖动调整大小 /*css2.0*/ textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;} /*css3.0*/ te…

转载自：http://www.fly63.com/article/detial/616 文字闪烁效果一： 通过改变透明度来实现文字的渐变闪烁，效果如下： 文字带渐变效果的闪烁： <div class="main"&…

计算优先级 优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。 如果优先级相同，靠后的 CSS 会应用到元素上。 注意：元素在文档树中的位置是不会影响优先级的 优先级顺序 优先级逐级增加…

始发于我的博客 ryougifujino.com，欢迎访问留言。 vue-router分为hash和history模式，前者为其默认模式，url的表现形式为http://yoursite.com#home，比较难看。后者…

  采用缩放方案，被缩放的标签仍然会占据缩放前的空间，垂直方向可以通过设置 line-height: 1;去掉本来空间，再调整上下边距，而横向可以通过调整margin为负值或其它办法去解决。 示例代码 .font-siz…

原文来自：https://jellybool.com/post/css-that-you-may-not-know-part-2 继上一次写的CSS黑科技之后，这次貌似还专门去找了一些CSS中可能还是比较不太会引起开发者…

对话框（别称模态框，浮层）是web项目中用于用户交互的重要部分，我们最常见的就是js中 alert()，confirm()，但是这个对话框的不美观，也不能自定义样式，所以在开发的过程中，一般根据自己自己的需求造轮子或者使…