20个编写现代CSS代码的建议 明白何谓Margin Collapse不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:.square{ width:80px; height:80px
最全CSS图形制作 The Shapes of CSSAll of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser.SquareRectangleCircle
CSS 动画实战：创建一个漂亮的加载动画 这篇文章，用一个实例来讲下用伪元素和CSS Animation来创建一个漂亮的加载动画。首先来看下，要实现的动画效果：先来分析下，这个动画效果是由哪几个动画组成：1、线段依次出现。2、然后红色、橙色和白色矩形依次出现。3、这些矩形出现之后，然后消失。4、线段消失。这里我们只需要实现1和2动画效果。后面的3和4，只需要在1和2的基础上使
js瀑布流 HTML瀑布流布局[html] view plain copyspan style="font-size:10px;">> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> script type="text
结合个人经历总结的前端入门方法 转载请注明出处: https://github.com/qiu-deqing/FE-learningTable of Contents generated with DocTocFE-learning必备基础技能基本开发工具学习方法和学习目标入门之路继续提高一些个人经历LingyuCoder的学习经历工具技能语言基础进阶项目未来其他入门书一些不错
Ajax总结篇 本文主要总结整理Ajax的一些常用的基础知识，适合初学者。Ajax简介、优劣势、应用场景以及技术Ajax简介Asynchronous Javascript And XML （异步的JavaScript和XML）它并不是一种单一的技术，而是有机利用一系列交互式网页应用相关的技术所形成的结合体AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据
CSS布局技巧之–各种居中 居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。先来说几种简单的、人畜无害的居中方法把margin设为auto具体来说就是把要居中的元素的margin-left和marg
canvas粒子时钟 前面的话本文将使用canvas实现粒子时钟效果效果展示点阵数字digit.js是一个三维数组，包含的是0到9以及冒号(digit[10])的二维点阵。每个数字的点阵表示是7*10大小的二维数组通过遍历数字点阵的二维数组，当该位置的值为1时，则绘制一个粒子，否则不绘制将绘制数字的函数命名为renderDigit()。在该函数中，将粒子绘制为
jquery 实现轮播图 *{ padding:0; margin:0; list-style:none; } .banner{ width:1200px; height:350px; overflow:hidden; margin:0 auto; } .banner ul{ width:3600px;
常见特效的jquery实现 [javascript] view plain copy$("#select1").change( function() { //侦测一级菜单的change事件 var id = $("#select1").val(); if(id == 1){ //通过id判断二级菜单 $.get('index.php', null, fu
排序算法C++&&Python实现---归并排序 归并排序基本思想： 首先将待排序数列两两分组，将排序好的两个序列归并到中间数组中，依次类推，直到归并完整个待排序数列。C++实现：//打印排序结果函数void Print(int a[],int n,int i=0){ //cout cout"排序后的结果为:"<<endl; for(int i=0;i<n;i++) cout" "; c
屏幕高度的获取以及高度的自适应问题 1：屏幕高度的获取方式：（宽度也是如此）var bodyHeight=document.documentElement.clientHeight * 0.55;//获取可见区域的高度；$('元素').css('height',bodyHeight+'px');2：高度自适应问题 设置父元素height:100%;position:absolute;left:0;top:0; 设置
jquery实现记住密码功能 js代码:[javascript] view plain copy"text/javascript" src="js/jquery-1.7.2.min.js" > "text/javascript" src="js/jquery.cookie.js"> "text/javascript"> $(function(){
Python学习（从Web抓取信息） 一、利用webbrowser.open()打开一个网站：[python] view plain copy>>> import webbrowser >>> webbrowser.open('http://i.firefoxchina.cn/?from=worldindex') True 实例：使用脚本打开一个网页。
使用CSS将图片转换成黑白(灰色、置灰) 可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。图片效果如下代码如下，兼容IE浏览器html lang="en">head> meta charset="UTF-8"> titl
CSS中position绝对定位和相对定位 让我们来详细理解一下position的绝对定位和相对定位，基础一定要打牢、打牢、打牢！！！重要的事情要一直说。面试经历好少，有针对性的复习，把握重点，嗯，废话不多说，重要的还是深入理解学习到的各种知识，能够活学活用，不然换个问法就不会了，那不是搞笑嘛~~哎，感觉我就是挺搞笑的那一位哎嘿~首先 我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位
AngularJs+bootstrap搭载前台框架——准备工作 1.关于什么是AngularJS以及什么是bootstrap我就不多说了，简单说下，angularjs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）
web前端入坑第五篇：秒懂Vuejs、Angular、React原理和前端发展历史 秒懂Vuejs、Angular、React原理和前端发展历史今天来说说 “前端发展历史和框架” 「前端程序发展的历史」「 不学自知，不问自晓，古今行事，未之有也 」我们都知道现在流行的框架：Vue.js、AngularJs、ReactJs，已经逐渐应用到各个项目和实际应用中，它们都是MVVM数据驱动框架系列的一种。在了解MVVM之前，我们先回
关注
