2010年,伟大的乔布斯曾预言:全球将开始步入HTML5时代。HTML是www万维网的标准通用语言,HTML5是其第五次重大修改,2014年10月,经过8年努力,HTML5标准规范终于制定完成并发布,...
纯 Css3 绘制的心型图案
本例主要运用 Css3 中 transform 属性的 rotate 方法对 Div 层实现旋转和 before、after 伪类以及 border-radius ...
Sublime text 快速编写 HTML 代码 — Emmet插件
你可以使用标签名称为div、p等生成HTML标签,Emmet没有一组预定义可用的标记名称,您可以编写任何单词并把它转化为一个标签,例如: div → <div...
Sea Picture
Bridge Picture
HTML 编码规范
黄金定律 永远遵循同一套编码规范 -- 可以是这里列出的,也可以是你自己总结的。如果你发现本规范中有任何错误,敬请留言指正。 不管有多少人共同参与同一项目,一定要确...
CSS 编码规范
语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时,将单独的选择器单独放在一行。 为了代码的易读性,在每个...
Position属性absolute与relative 的区别
每次要用到Position属性时,总要去搜索下,这两个属性值的区别:今天就对网上搜索的结果,结合自己对其的理解将它整理一下以便加深记忆。 Position:abso...
CSS 那么多属性和那么多个值该怎么记?
其实CSS就是去控制样式而已,网页样式是借鉴于传统的报纸等印刷品的排版。你随便在身边找一份报纸或者杂志的一页,用CSS尽可能的还原出来。整体布局还原出来问题应该不大...
Css3闪烁跳跃的进度条
本例主要运用Css3中animation属性绘制动画图形 Html代码: <div class="center"> <ul> ...
JavaScript 实现继承的几种方式
前言:大多OO语言都支持两种继承方式:接口继承和实现继承,而ECMAScript中无法实现接口继承,ECMAScript只支持实现继承,而且其实现继承主要是依靠原型...
CSS 属性选择器
[attribute^ = value]:这是 css 属性选择器的一种 ,用来匹配属性值以指定值开头的每个元素。例如: [class$="box"] { back...
Height:100% 为什么无效??
有时候我们需要让一个DIV的高度自动拉伸为整个屏幕的高度,即100%的高度: .demo{ width: 100%; height: 100%; ...
Html5 (新标签) 基本布局
Html5代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"&g...