块在块中垂直居中(position:absolute; top:50%; margin-top:-二分之一高度)块在块中水平居中(子元素设置margin:0 auto 或auto)用方法1将垂直水平同时居中 #box { width: 100px; height: 80px; background-color: gray; position:absolute; top:50%; left:50%; margin-top:-40px;<!--向上高度一半--> margin-left:-50px;<!--向左宽度一半-->}原文：http://www.cnblogs.com/sweetXiaoma/p/5860439.html
大致文件布局例如以下。一个html文件。一个loading.js，在loading.js中载入其它须要的js和css。 至于详细的速度的话。建议cdn或者一个域中最多载入6个js文件。在loading.js中载入js和css之前，检測是不是微信游览器，是的话，go。不是则跳转到提示。function isWeiXin(){var ua = window.navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i) == ‘micromessenger‘){return true;}else{return false;} } if(!isWeiX...
汇总1. video标签2. audio标签3. summary标签和details标签-详情和概要标签4. marquee标签-跑马灯效果5. HTML中被废弃的标签6. HTML实体video标签作用: 播放视频格式1:<videosrc=""></video>video标签的属性src: 用于告诉video标签需要播放的视频地址；autoplay: 用于告诉video标签是否需要自动播放视频；controls: 用于告诉video标签是否需要显示控制条；poster: 用于告诉video标签视频没有播放之前显示的占位图片；loop: 一般用于...
从10月8号到今天23号，来到工作已经半个月了，这是我人生中真正意义上的一次步入社会，用自己20年的坚持和努力取得的人生第一步，说实话，感觉自己真的是个lucky dog，好像是在眷顾我，所有的事情都是那么顺利，让我没有理由不珍惜现在的所有，谢谢老师，一次次的满足我的请求，这半月我收货到的不管是从为人处世，团队管理，还是技术方面都很多，所以每天晚上睡觉都会一躺就着，因为一睁开眼就会忙碌一天，不过真的真的很充实，下...
1、图像标签（<img>）和源属性（Src） 在 HTML 中，图像由 <img> 标签定义。 <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。 定义图像的语法是：<img src="url" /> URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 h...
HTML5将图片转化成字符画 字符画大家一定非常熟悉了，那么如何把一张现有的图片转成字符画呢？HTML5让这个可能变成了现实，通过canvas，可以很轻松实现这个功能。其实原理很简单：扫描图片相应位置的像素点，再计算出其灰度值，根据灰度值的大小，分别用字符#*+“和空格来填充。下面是源码：HTML：一个canvas元素#cv，一个字符画容器#txt 。1 <canvas id="cv">fuck ie</canvas> 2 <div id="txt"></div>css：由于每一行用p来填充...
HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法：1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“2、列表符号后面有两列编号，第一列编号用于HTM...
这是一个很酷的HTML5 Canvas动画，它将模拟的是我们现实生活中烟花绽放的动画特效，效果非常逼真，但是毕竟是电脑模拟，带女朋友看就算了，效果还是差了点，呵呵。这个HTML5 Canvas动画有一点比较出色，就是其性能，Chrome上基本没有卡的感觉，就算你放出很多烟花也一样。 下面我们来简单分析一下实现这款HTML5烟花特效的过程及代码，主要由HTML代码、CSS代码以及Javascript代码组成，当然javascript代码是最重要的。 HTML代...
HTML部分：一、超链接部分：<a herf>是超文本链接引用，属性为目标文件。 1、热区链接 <img src="图片地址" usemap="#映射图片名称"> <map name=“映射图片名称”> <area shap="热区形状" coords="热区坐标" href="URL"> </map> 2、 图片链接 <a href=" "> <img src=" " border=" " alt=" ";> // (表示规定图片的替代文本，提...
HTML在布局上, 有一个非常重要的模型, 那就是盒子模型, 在盒子模型中把标签内容理解为一个物品, 而css样式理解为包容着这个物品的盒子, 一般的块级标签都具有盒子模型的特征, 你可以在css中对这个盒子进行设置, 以达到自己布局的目的, 我这里绘制了个简图, 只写了内填充和外边距, 因为我感觉其他的属性更好用文字和代码理解. 同样的在学习这个的过程中, 要勤于代码试验, 测试, 否则是非常不便于掌握的知识.盒子模型 首先盒子, 什...
说实话，我们这次开发移动端的项目，整个项目组的人都是第一次，最初立项的时候为是选择native app和web app还争论了一番，最后综合考虑，我们选择了web（我们选择了h5）开发。但从这两种开发模式的特点来说，从它们诞生之日起就开始了不断的争论，孰好孰坏，本文不作探讨，只是简单罗列下本人开发遇到的问题和最终的解决方案。 1. 响应式web设计说到这个，移动开发面对的屏幕尺寸那叫一个丰富，其中安卓阵营就够让人头痛的。我们在...
一、HTMLHTML：超文本标记语言，可以加载JS/CSS/图片/链接等非文字的内容一切的网页开发技术都需要建立在HTML的基础之上 HTML的结构和语法 HTML元素注释： <!-- 这里是注释内容 -->图像：<img src="URL">连接：<a href="URL"> </a>表单：<form><input></form>内联框架：<iframe src="URL"></iframe> HTML DOM树结构 为什么要将HTML文档转换为DOM树结构？ JavaScript（JS）在HTML的<script></script>中运行JS如何获取一个HTM...
jQuery设置和获取HTML、文本和值按 Ctrl+C 复制代码 <script type="text/javascript">//<![CDATA[$(function(){//获取<p>元素的HTML代码$("input:eq(0)").click(function(){alert( $("p").html() );});//获取<p>元素的文本$("input:eq(1)").click(function(){alert( $("p").text() );});//设置<p>元素的HTML代码$("input:eq(2)").click(function(){$("p").html("<strong>你最喜欢的水果是?</strong>");}); //设置<p>元素的文本...
事件流：事件流: 描述的是从页面中接收事件的顺序 也可以理解为事件在页面中传播的顺序；事件: 就是用户或浏览器自身执行的某种动作 例如 click(点击) load(加载) mouseover(鼠标悬停)事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器)下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册。DOM2级事件定义可两个方法，用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventLis...
UrlEncode是将指定的字符串按URL编码规则，包括转义字符进行编码。1void Main() 2{ 3string rawUrl = "http://www.demo.com?key=测试"; 4string urlEncode = System.Web.HttpUtility.UrlEncode(rawUrl); 5 urlEncode.Dump(); 6 }View Code HtmlEncode是将html源文件中不容许出现的字符进行编码，通常是编码以下字符："<"、">"、"&"、"""、"‘"等。1void Main() 2{ 3string rawTxt = "会被转义的字符：< > & \" ‘"; 4string htm...