标签:HTML
一、Less语法   1.变量声明:     @变量名:变量值;  1 @newHeight:20px;   2.调用变量: 1 .box { 2 width: @newHeight; 3 height: @newHeight; 4 }   3.多重继承(Mixins
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/an
头部 header ----------------用于头部 主要内容 main ------------用于主体内容(中部) 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 外套 wrap ----------------
<header></header> 页眉 主要用于页面的头部的信息介绍,也可用于板块头部 <hgroup></hgroup> 页面上的一个标题组合 一个标题和一个子标题,或者标语的组合 <hgroup> <h1>妙味课堂<
文章来源:http://www.zhufengpeixun.cn/article/173 一、前言 Flexbox 是一个 CSS3 的盒子模型 ( box model ),顾名思义它就是一个灵活的盒子 ( Flexible Box ),为什麽最近这个属性才红起来呢?最主要也是因为 CSS3 的规范
没事仿照windows画板工具用canvas实现了一个简易版的画板。 html: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5
  CSS中可以通过设置为元素设置一个position属性值,从而达到将不同的元素显示在不同的位置,或者固定显示在某一个位置,或者显示在某一层页面之上。 position的值可以设为relative,absolute,fixed,static。 HTML代码里定义两个区块: 1 <div c
  0. 掌握基础 对于任何行业任何工作来说,融会贯通是获得成功的关键。一个人想要成为优秀程序员,就必须有坚实的基础。核心理念的理解会帮助你用最好的方法设计和实施出最完美的方案。如果你感觉到不能掌握核心的计算机科学或者某个编程语言的知识点,现在开始回顾基础一点都不晚。   1. 开始为你写过的代码贴
HTMLcanvas矩形阵雨 在画布上执行 获取制图环境 全屏获取屏幕宽度和屏幕高度 确定每个文字的宽度 以确定列 循环输出 定时器调用 HTML 部分 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Con
通过阅读各路大神对web存储locastorage和sessionstorage的用法解析,自己试用了一下,在此留个备忘。 在项目中,如果用到很多次storage,要存储很多数据,就要把它封装成函数了: (该函数系不知名大神所写,如有侵犯原创,请联系我……) function setStorage
1.滚动条默认是在html上的,移到body上 html{ width: 100%; height: 100%; overflow: hidden; } body{ width: 100%; height: 100%; overflow: auto; } 2.
前言 canvas 强大的功能让它成为了 HTML5 中非常重要的部分,至于它是什么,这里就不需要我多作介绍了。而可视化图表,则是 canvas 强大功能的表现之一。 现在已经有了很多成熟的图表插件都是用 canvas 实现的,Chart.js、ECharts等可以制作出好看炫酷的图表,而且几乎覆盖
今天在学习HTML5的过程中遇到了中文乱码问题: <body> <form > 请输入内容: <input pattern="[A-Z]{3}" name="part"> <input type="submit">
     使用top和left属性可能会造成元素相互重叠在一起,此时可以使用z-index属性。z-index属性用来控制重叠元素的显示顺序,值较高的元素将覆盖值较低的元素。如果使用值-1,则表示元素将至于页面默认文本的后面,这对于设置背景图案是很有用的。如果把电脑屏幕看作X-Y平面的话,那么z轴就
1.<label hidden>看得见吗</label>   //hidden为隐藏属性 2. <input tabindex="1" />    <textarea tabindex="2"  spellcheck="true"  cols="60"
1.<meta http-equiv="Pragma" content="no-cache"/>   //禁止页面缓存   2.<script defer src="http://code.jquery.com/jquery-1.10.1.min.js" onload="al