将行内元素设置为块级元素,就可以设置宽高 方式一: 使用display: display:block/inline-block <span class="one">test</span> .one…
标签:css3
vuejs实现折叠面板展开收缩动画
vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。 循环列表,html: <template> <div class="newslist"> <ul&…
前端系列——小程序开发记录片
概要 由于公司的业务需求,本想年底偷个懒,但是开发小程序的任务袭来。 第一次开发这玩意,记录一些需要注意的点,以后再次开发时可以快速解决。 如果你是新手,推荐你先看官方文档,如果你在开发小程序过程中遇到一些不懂的地方,可…
GitBook《拥抱未来的CSS布局方式:flex与grid布局》全教程
GitBook《拥抱未来的CSS布局方式:flex与grid布局》全教程 本书(系列文章)为对CSS中flex布局与grid布局的详细介绍,已在GitHub同步更新,如您在阅读过程中发现描述有误或错别字的情况,您可以向本…
《深入理解ES6》笔记——迭代器(Iterator)和生成器(Generator)(8)
迭代器(Iterator) ES5实现迭代器 迭代器是什么?遇到这种新的概念,莫慌张。 迭代器是一种特殊对象,每一个迭代器对象都有一个next(),该方法返回一个对象,包括value和done属性。 ES5实现迭代器的代…
CSS3 Transition, transform 和 animation 介绍
CSS3 提供了transition 过渡、transform 变换和animation 动画来实现页面中的一些样式转化,这篇文章会对这几个属性做简单的介绍,然后比较一下 CSS3 动画和 JS 动画哪个性能更好。 Tr…
禁用webkit textarea可调整大小和文本框焦点时边框
1. 取消拖动调整大小 /*css2.0*/ textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;} /*css3.0*/ te…
前端面试题(中)
来自妙味的一套面试题,以下答案来自JS讲师的现场上课记录! 一、选择题 1、分析下段代码输出结果是( B ) var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < a…
css优先级
计算优先级 优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。 如果优先级相同,靠后的 CSS 会应用到元素上。 注意:元素在文档树中的位置是不会影响优先级的 优先级顺序 优先级逐级增加…
css3实现文字闪烁效果的三种展示方式
转载自:http://www.fly63.com/article/detial/616 文字闪烁效果一: 通过改变透明度来实现文字的渐变闪烁,效果如下: 文字带渐变效果的闪烁: <div class="main"&…
HTML5+CSS3兼容收藏夹
CSS3选择器兼容IE6~8: Selectivizr 使用方法: <!--[if (gte IE 6)&(lte IE 8)]> <script src="http://s3.amazonaw…
Vue Router history模式的配置方法及其原理
始发于我的博客 ryougifujino.com,欢迎访问留言。 vue-router分为hash和history模式,前者为其默认模式,url的表现形式为http://yoursite.com#home,比较难看。后者…