恩，小菜鸟又来了，上篇文章在这，话不多说，这次罗列总结一下css基础知识，和我一样的菜鸟可以看看。 引入方式 css的引入方式主要有以下几种： 外部样式表 通过在head标签中加入link标签来引入外部样式表，因为其良好…
标签：css3
少量JQuery+CSS3代码实现轮播器 (初次写文章，思路，文笔都不足，轻喷)
1.前言，看过很多的轮播器代码；但是心中，老想着有没有简单的办法来实现同样的效果。搜到这个（下方链接），眼前一亮，便动手实践改进。主要工作，还是对文章第一段提出的“如果中间间隔有图片，那么在css3动画的执行过程中还是会…
制作图片倾斜（tilt）效果
原文来自： http://tympanus.net/codrops/2015/05/28/image-tilt-effect/ 所谓的倾斜效果，我也不知如何用语言描述，那就直接看Demo啦，下面我们会对这个效果的实现原理…
CSS3实现全景图特效
本篇文章将给大家带来一个css3的黑科技：如何仅仅使用css来实现全景图的效果？ 最终效果演示：demo 页面布局 <div class="panorama"></div> 基础样式 首先定义一些…
《深入理解ES6》笔记——迭代器（Iterator）和生成器（Generator）（8）
迭代器（Iterator） ES5实现迭代器 迭代器是什么？遇到这种新的概念，莫慌张。 迭代器是一种特殊对象，每一个迭代器对象都有一个next()，该方法返回一个对象，包括value和done属性。 ES5实现迭代器的代…
紧贴底部的页脚
前言 在写前端页面时，经常会遇到这种情况：有一个具有块级样式的页脚，当页面内容足够长时它一切正常；有的时候，由于页面长度不够，页面底部的页脚会很尴尬的跑上来；页脚不能像我们期望中那样“紧贴”在视口的最底部，而是紧跟在内容…
Vue Router history模式的配置方法及其原理
始发于我的博客 ryougifujino.com，欢迎访问留言。 vue-router分为hash和history模式，前者为其默认模式，url的表现形式为http://yoursite.com#home，比较难看。后者…
sticker-footer 布局
sticker-footer 1、嵌套层级不深，可直接继承自 body width：100%； height:100%; // html <body> <div id="sticker"> <…
媒体查询,根据屏幕大小选择样式
.hidden-xs: 当屏幕宽度<768px时隐藏 .hidden-sm: 当屏幕768px <= 宽度<992px时隐藏 .hidden-md: 当屏幕992px<= 宽度<1200px…
紧贴底部的页脚
前言 在写前端页面时，经常会遇到这种情况：有一个具有块级样式的页脚，当页面内容足够长时它一切正常；有的时候，由于页面长度不够，页面底部的页脚会很尴尬的跑上来；页脚不能像我们期望中那样“紧贴”在视口的最底部，而是紧跟在内容…
前端基础_CSS
CSS 书写语法 内部与外部样式 选择器 { 样式1; // 属性: 值; width: 300px 样式2; } 内联样式 <div style="样式1;样式2"></div> // widt…
那是我在夕阳下的code
布局何如让一个标签上下左右都居中？这有什么难的，给定子标签的宽，再让它的边距上下为0，左右为auto;如下： .child{width:10px;margin:0 auto;}//子标签 它就可以左右居中了。上下的话，就…
