
使用自定义数据属性和伪元素 今天和大家分享一个使用Html5 自定义数据属性 和 CSS 的伪元素来实现一个简单的图片动画效果。 ....
学习web前端开发或者想学前端开发的同学,学习过程中往往都会遇到迷茫期,在这个期间,我想,了解一个web前端开发工程师必备....
时钟 自己刚做的时钟,有兴趣的可以看看#wrap{width: 240px;height: 240px;border-radius: 120px;background: cyan;margin: 5....
1.H5标签兼容问题 对于H5标签不兼容IE6/IE7/IE8的问题,类似header,section,footer,我们可以使用js中动态创建标签的方法d....
在前端面试中,大都会问你div居中的方法: 文笔不好,就随便寥寥几句话概括了,希望大家能够轻拍 不过以后文笔肯定会变得更....
实现简单导航代码*{ margin:0; padding: 0; } ul#nav{ width: 500px; height: 30px; margin:20px auto; } ul#nav li{ float:....
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} ta
单选框和复选框在网页表单中应用十分广泛,但是浏览器默认自带的单选框和复选框样式不仅不统一,而且大多都比较简单丑陋。本....
有时候一些元素不满足只增加一些实线或虚线,这时候可以用一些图片来作为边框,也可以用渐变来做边框等等 border-image图片....
客户端存储数据 两种方式: localStorage-没有时间限制的数据存储 存储特点: localStorage方法存储的数据没有时间限制。第二....
Javascript有六种基本数据类型(也就是简单数据类型),它们分别是:Undefined,Null,Boolean,Symbol,Number和String。还....
程序设计之道无远弗届,御晨风而返。———— 杰佛瑞 · 詹姆士 很多前端初学者总会问以下两个问题: 第一种一直在问:如何....
页头:header 如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar ....
我们在设计页面的时候,经常要把div居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。 到现在为....
两列布局实例.mainBox{ width: 960px; height: 300px; background: #cff; margin: 0 auto; } .leftBox{ width: 740px; heigh....
自学web前段两个月,这是今天所完成的链接描述QQ空间日志,可以复制,粘贴动画菜单* { margin: 0; padding: 0; font-size: 1....
一、+号操作符 1、加法 mychar=2+2; 2、连接字符串 mychar="java"+"script"; 二、自加一与自减一mynum = 10; mynum++; /....
一、框模型的定义: (1).框:html中,所有的元素都可以认为是框。框中可以盛装内容。 (2).框模型:指的是 框与框、框与内容之....
.wrap {position: inherit;width: 450px;height: 700px;background: #efefef;border: 1px solid black;position: relative;}.tim
第一章入门准备 ——1.1 框架介绍 ——1.2 新手准备 ——1.3 文件结构 ——1.4 HTML标准模板 ——1.5 CSS基本用法 ——1.6 J....