盒子模型。
盒子由 margin、border、padding、content 四部分组成。
margin :外边距
border:边框
padding:内边距 (内容与边框的距离)
content:内容
<!DOCTYPE html>
<html>
1.meta标签http-equiv属性语法格式:
<meta http-equiv="expires" content="wed,20 Jun 2007 22:33:00 GMT"/>
<!--expires 期限,可用于网页的到期时间,一旦网页过期,必须到服务
Canvas绘图环境中有些属于立即绘制图形方法,有些绘图方法是基于路径的。
立即绘制图形方法仅有两个strokeRect(),fillRect(),虽然strokezText(),fillText()方法也是立即绘制的,但是文本不算是图形。
基于路径的绘制系统 大多数绘制系统,如:SVG(Scala
web存储分类客户端和服务端
认识web存储
随着web应用的发展,是的客户端存储的用途越来越多,然而实现客户端端存储的方式也是越来越多样化。最简单最兼容的方式就是cookie,但作为真正的客户端存储cookie还是存在着许许多多的弊端的。同时,各种浏览器也有属于自己的存储方式。
相关技能
HTML5+CSS3(实现页面布局和动态效果)
Iconfont(使用矢量图标库添加播放器相关图标)
LESS (动态CSS编写)
jQuery(快速编写js脚本)
gulp+webpack(自动化构建工具,实现LESS,CSS,JS等编译和压缩代码)
实现的功能
播放暂停(点击切换播放状
node.js的基础语法就是JavaScript的语法,所以对于懂得javascript的同学来说要容易一些,至于环境的配置也要相对简单很多,可以访问官方文档进行安装。这里分享一下我在学习中总结的一些东西,这是第一篇先来说说文件之间如何进行引入并互相使用变量及函数。
码缘 » node.j
HTML5 是近十年来 Web 开发标准最巨大的飞跃。HTML5 并非仅仅用来表示 Web 内容,它将 Web 带入一个成熟的应用平台,在 HTML5 平台上,视频、音频、图象、动画,以及同电脑的交互都被标准化。
本教程将教会大家HTML5中的新特性,以及每种标签的使用
HTML5 中的一些有趣的新
通过对需求的了解,可以将其分解为:
(1)微信端手机用户,可以使用微信的JSSDK。
(2)选取图片,使用JSSDK的“chooseImage”,由于分享图片时本地地址无法分享,因此还需要JSSDK的“uploadImage”。
(3)分享到朋友圈,需要JSSDK的“o
组合模式,也称作部分整体模式。组合模式画成图就是数据结构中的树结构,有一个根节点,然后有很多分支。将最顶部的根节点叫做根结构件,将有分支的节点叫做枝干构件,将没有分支的末端节点叫做叶子构件.
1.定义
将对象组合成树形结构以表示“部分-整体”的层次结构,使得用户对单个对象和组合对象的使用具有一致性。
table表格,这个东西大家肯定都不陌生,代码中我们时常都能碰到,那么给table加一个斜线的表头有时是很有必要的,但是到底该怎么实现这种效果呢?
我总结了以下几种方法:
1、最最最简单的做法
直接去找公司的UI,让她做一张图片,作为背景图片放到这里,然后撑满就可以了。是不是很简单!!!
2、相当简
今天来说下 拖拽效果,纯手工。下面会有代码和注释。
首先,要想能拖动div就考虑到三个事件,鼠标按下 鼠标拖动 鼠标松开。
<!DOCTYPE html><html> <head> <meta charset="UTF-8">
文本样式
<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<s>删除线</s>
<sub>下标</sub>
<sup>上标</sup
1.HTML5基础
文档类型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Transitional:
今天写点css3,3d属性写的3d盒子,结合javascript让盒子随鼠标旋转起来
今天带了css3新属性3d
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<tit
项目背景
项目背景是外包类建站公司里,设计环节沉淀了大量可复用组件,设计师往往只需要微调组件就拼凑出页面,交付给前端,理论上这些组件在前端也可以复用,但实际上前端每次都要重新实现整个页面,浪费很多人力。
功能需求
这个项目的思路是,将所有组件开发出来,统一录入到一个平台上管理,设计师可以到平台上挑选
什么是HTML5?
HTML5是超文本语言,不是编程语言,html5是html语言的最新版本,需要注意浏览器的兼容性问题。
HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。
HTML5主要负责文档内容的结构和含义。
CSS3主要负责描述文档内容样式。
JavaSc
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascrip
移动端页面布局的那些事儿
http://www.xiaoxiangzi.com/Programme/CSS/4298.html
一. viewport
什么是viewport
简单来讲,viewport就是浏览器上,用来显示网页的那一部分区域了,也就是说,浏览器的实际宽度,是和我们手机的宽度不一样
(0)写在前面 讲述知乎上看到的一篇文章中的一个案例,让我脑洞大开,佩服至极,特意第二天找到原文赞赏了
5元,原文地址https://zhuanlan.zhihu.com/p/27258076,案例用了很多css3的属性。(1)效果演示
(2)知识点及效果
<div class="tr
盒子模型有两种:W3C和IE盒子模型
盒子模型包括margin、border、padding、content
W3C的元素宽度=content的宽度
IE的元素宽度=content+padding+border
我个人认为W3C定义盒子模型与IE定义的盒子模型,IE定义的比较合理,
元素的宽度应