语义化标签就是尽量使用有相对应的结构的含义的Html的标签 1.结构更好，更利于搜索引擎的抓取（SEO的优化）和开发人员的维护(可维护性更高，因为结构清晰,so易于阅读)。 2.更有利于特殊终端的阅读(手机，个人助理等） 尽量用有结构含义的,少用无语义的，如<s ...
-
今天看手册学习到了HTML5很多属性。现在总结如下<body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink=&qu ...
-
十. 标签（.label类，label-xxx）高亮一些标题部分。123456<h1>HELLO<span class="label label-default">default</span></h1>< ...
-
HTML的基本结构<html>html文档的标记，也称html开始标记</html><head>html文件头标记，也称html头信息开始标记</head> 功能：用来包含文件的基本信息，比如网页的标题。 注：在<he ...
-
<!-- 声明版本号，DOCTYPE html是html5版本 --><!DOCTYPE html><!-- 声明网页语言 en-英文 zh-中文 zh-cn中文 --><html lang="en"> < ...
2016年10月17日 17:003
-
HTML 自学笔记（HTML的基本结构）<html>html文档的标记，也称html开始标记</html><head>html文件头标记，也称html头信息开始标记</head> 功能：用来包含文件的基本信息，比如网页的标题。 ...
-
部分内容参考：http://ju.outofmemory.cn/entry/22854我们在测试微信企业号的时候，由于微信的限制，不能把它拿到chrome浏览器中进行调试，所以就不能实时的看到页面变化情况，因而我们就需要一个能够随时查看我们页面变化的工具。虽然使用Fiddler也 ...
2016年10月17日 11:003
-
做练习遇到了一个选择题，是关于web worker的，问web worker会不会影响页面性能？补习功课之后，答案是不会影响。查阅了相关资料学习web worker，又遇到了web socket，整理如下：web socket 和 worker 的作用：为构建高效能的web应用提 ...
-
字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一组用于简洁网页设计的光滑英文字体。这些免费的字体是适用于各种类型的设计，除了网页，还有海报、标志、印刷广告等。您可能感兴趣的相关文章免费字体集锦：25款英文艺术 ...
2016年10月16日 22:003
-
1.meta标签。 1.1 <meta charset="utf-8"> charset:字符集 1.2 <meta name="keywords" content=""> 作用：对网站 ...
-
子元素避免同时使用float和margin。如： 需要子元素的margin-bottom:20px时，可以给用父元素设置padding-bottom:20px代替。 ...
2016年10月16日 20:003
-
作为web前端初学者，今天要记录的是三个控件的使用心得，分别是表格控件jqgrid，树形控件ztree，图表控件echarts。下边分别进行描述。1.jqgrid首先放官方demo网站上来，http://blog.mn886.net/jqGrid/，上面的描述还是挺有帮助的。jq ...
-
一、javascript原型认识很多编程语言都有类的概念，我们可以拿原型和类进行比较，看看它们之间的区别以及相同点在哪里。1、类：类是一个具体事物的抽象所以类是一个抽象的东西，在面向对象中类可以用来构造对象，这就是一个抽象—具体的过程。在现实生活中就好比：图纸造汽车。2、原型：j ...
-
由于前端是不能直接操作本地文件的，要么通过<input type="file">用户点击选择文件或者拖拽的方式，要么使用flash等第三方的控件，但flash日渐衰落，所以使用flash还是不提倡的。同时html5崛起，提供了很多的api操控，可以 ...
-
总是遇到h5新标签的笔试题目，就查阅了资料来总结一下：1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button ...
-
bootstrap三大核心之二。包括glyphicon图标，下拉菜单（dropdown），按钮组（button group）....等等。一. 图标字体bootstrap3提供了200多个免费图标字体。认为它是一个字。arial-hidden="true".s ...
-
Atitti css3 新特性attilax总结 图片发光效果2透明渐变效果2文字描边2背景拉伸2 CSS3 选择器（Selector）4@Font-face 特性7Word-wrap & Text-overflow 样式9Word-wrap9T ...
-
一、设置Mate属性1.打开Dreamweaver，新建一个的HTML项目。2.设置Meta属性，点击左上角图示位置，或插入->HTML->文字头标签->Meta。3.弹出Meta设置的窗口，输入相关信息（最常用的就是author），然后单击确定。4.同理，在趋 ...
2016年10月15日 13:002
-
1.什么是canvas?可以绘制图形的标签。一般用javascript来绘制。2.创建一个画布1 <!DOCTYPE html>2 <html>3 <head>4 <title></title>5 </head ...
-
国庆节前Ionic2发布了RC0版本，已经接近正式版了，前不久Angular2和TypeScript2也已经发布了正式版。详情请参考官方博客：http://blog.ionic.io/announcing-the-ionic-2-release-candidate/这次升级提高了 ...
2016年10月15日 00:005
-
一：开篇哈哈哈，感谢标题党的莅临~虽然标题有点夸张的感觉，但实际上，插件库确实是简洁，高效，轻量级，酷炫酷炫的咯。废话不多说，先来看个标配例子吧：（codepen在线演示编辑：http://codepen.io/barrior/pen/XjEEBz）是吧，应该是酷炫酷炫的吧，不喜 ...
2016年10月14日 17:005
-
老话长谈，css的不固定适应布局 不管是面试还是在平时的工作中，这样的布局形式一直都在用着，很常见，所以今天我就拿出来在唠叨一下， 既是给自己一个备忘存储，也是一个学习巩固的参考，知道大家都会，还是要记忆一下，不为其他，就为打好基础。话说太多， 直接上代码，一看就能明 ...
-
对于一个从后台转到前端的web开发者来说，最大的麻烦就是写CSS，了解CSS的人都知道，它可以开发网页样式，但是没法用它编程，感觉耦合性相当的高，如果想要方便以后维护，只能逐句修改甚至重写相当一部分的CSS。随着后台人员大量的涌入前端这个行业，CSS又焕发了新的春天，人们开始为C ...
2016年10月14日 12:002
-
价值12888的7套前端课程搞活动啦，发布至今已有635位童鞋积极购买学习了....还在观望的，速度看过来，现在不要499，也不要399，仅需199就可以带回家好好撸好好学啦！你还在等什么呢&hellip;&hellip;少浪几回，少奢侈几次，扎扎实实学一门技术！ ...
-
使用video标签，视频总不能占满父级全屏，本来预算的10分钟工程，结果卡在video这里了，勤奋的小果，还是打算记下来，共勉。。。代码（css内容）： <style> html,body{ height: 100%; width: 100%; } p{ ...
-
小马哥最新ios9 十一期 链接: https://pan.baidu.com/s/1i4GkANj 密码: z9jj小马哥最新ios9.2视频:链接: http://pan.baidu.com/s/1geXIpzX 密码: 49qt小马哥ios9视频：链接: ...
-
1.等腰三角形.isosceles{ width: 0; height: 0; border:30px solid; border-left-color: transparent; border-right-color: transparent; border-top ...
-
css参考手册：http://www.phpstudy.net/css3/http://www.css88.com/book/css/ 呈现3d效果：-webkit-transform-style:preserve-3d;透视距离：-wenkit-perspective:30 ...
-
圣杯布局和双飞翼布局主要用来解决以下问题：1.三列布局，两侧定宽，中间自适应。2.中间栏在浏览器中优先加载渲染。解决思路：首先把中间的div写到前面，然后左侧，然后右侧。这样就解决了第二个问题，中间的div优先渲染。但是这样会存在一个问题，写到前面的也会显示在前面。为了解决这个问 ...
2016年10月13日 21:001
-
对于网址栏的URL不同的操作方式有不同的加载资源、获取数据的方式，下面的详细过程针对"在地址栏输入URL，按enter(回车)键加载资源"此种操作方式做解析，其它的方式的过程大同小异，差异会在后面再做分析。 1. 浏览器开启一个线程来处理这个请求，对URL判 ...
-
构建了公司网站之后，接下来就可以考虑设计一个在线商店了。此次的设计以上一章的设计为基础， 只是添加了一个包含如下元素的新页面：□ 包含商品小图、标题和说明的产品网格；□ 位于左侧的变懒，用于按类别、品牌等筛选商品；□ 方便用户导航的面包屑和分页链接。大家先看一看Zappos (h ...
2016年10月13日 20:001
-
前言：Sublime Text是个小巧便捷的编辑器，除了众多好用的插件外，还有它自带的快捷键，打代码事半功倍，不会用的赶紧看看吧！其实菜单上都有，看不懂可以汉化，Key Bindings-Ddfault这里也有如下图，快捷键有很多就常用的举例说明下。 一、File ...
2016年10月13日 19:002
-
本文首发于个人微信公众号(xinjie-just)。HTML是超文本标记语言，它提供网页的具体内容，包括文本、表单、图像、表格、链接、多媒体、列表等。其中文本是我们遇到的最多的展示内容。正确的使用文本标签，会使页面具有语义化，也有利于SEO。文本标签主要包括：abbr, addr ...
-
css的属性很多，每一个属性的值也很多，组合起来便有成千上万种。不同属性之间的相互组合也可以产生不同的样式，css真是一种优美的样式设计语言。下面对工作中常见的易混淆的属性和值进行总结：1. line-height(行高) 带单位与不带单位的区别：我们知道行高是可以继承的。当 ...
-
先来一张各种效果的预览图，其实代码并不复杂，关键看自己如何运用。<!doctype html><head><meta charset="utf-8"> <link rel="stylesheet" ...
-
用 MDN 查 JavaScript 和 CSS 基础知识用维基百科查编程概念用 Stackoverflow 查疑难杂症用 http://Caniuse.com 查兼容性用 Google 搜索用「site:http://github.com 关键词」搜索好用的库用「关键词 MDN ...
-
开本系列，谈谈一些有趣的 CSS 题目，题目类型天马行空，想到什么说什么，不仅为了拓宽一下解决问题的思路，更涉及一些容易忽视的 CSS 细节。解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。不断更新，不断更新，不 ...
-
1. 嵌套操作---------- 子操作： > div>ul>li 并列：+ div+ul>li 上级：^ ul>li^div ul>li>a^^div 上级多层 重复：* ul>li*3 分组：() div> ...
-
CSS3 可以将文本内容设计成像报纸一样的多列布局。像下面这样：这样的布局称为&ldquo;多列布局&rdquo;。对多列属性分别进行学习：对于 column 的所有属性，ie10+ 支持，firefox 不支持 column-span。除 firefox 外，所 ...
-
在web开发测试时，有时需要测试插件被禁用或未安装的情况。这个设置还藏的挺深的。比如禁用flash player插件后，用户体验是否良好。以本人最喜欢的内置ie5、6、7、8、9、10的QQ浏览器9.5版本为例：设置->高级设置->安全与隐私->内容设置-> ...
-
为什么计算宽度计算网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度，如果不计算无论是宽度过大过小就会出现错位问题。怎么计算CSS宽度例一：我们计算一个左右结构的布局样式。假如总宽度为400px，那么左 ...
-
(-1)写在前面 我用的是chrome49，这个idea是我在stackoverflow上回答问题时看到了，多谢这位同行，加深了我对很多技术点的理解，最近刚到北京，忙碌了一两天，在后续的日子里，会被安排面试，学习计划只能按工作流走了，做完这个要看一个特别酷的效果，好激 ...
-
一、HTML网页编程语言。Html之所以能展现出各种各样的效果，是浏览器的功能。HTML(HyperText Markup Language)就是描述网页长什么样子、有什么内容的一个文本。查看网页的描述内容（HTML）的方式：使用IE浏览器的话，在网页上点击右键，选择&l ...
-
需要准备:jQuery Bootstrap 天气预报API(本文中使用API可能会失效请灵活运用)CSS样式可以你自己去写这里只提出jQuery 请求数据和解析JSON数据 { "resultcode":"200", "rea ...
-
字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一组用于简洁网页设计的光滑英文字体。这些免费的字体是适用于各种类型的设计，除了网页，还有海报、标志、印刷广告等。您可能感兴趣的相关文章免费字体集锦：25款英文艺术 ...
2016年10月12日 14:003
-
本文介绍如何使用现有的免费工具制作自定义的字体。 我们将会用到下面几个免费的在线工具。 1） IconMoon ( https://icomoon.io/app/#/select/font ) IconMoon是一个优秀的免费创建自定网页图标字体的工具。提供一个在 ...
2016年10月12日 13:0014
-
测试页面的代码见上一篇博客接下来进入正题-定时不断刷新页面的方法：1.看到定时，很容易想到js的定时器：1 //第一种方法2 //由于我们已经有了一个定时器，所以只要在定时器test中加入一句刷新页面的代码即可3 function test(){4 h1.style.colo ...
2016年10月12日 12:001
-
最近捣鼓花了一周时间捣鼓了一个游戏引擎【白鹭】，游戏原型是公司一个专题的游戏，戳泡泡，中间断断续续捣鼓了一周，终于正常运行游戏了。游戏有两个版本：纯白鹭引擎和添加了p2物理引擎两个.有喜欢的可以去研究下【白鹭引擎】废话不多说，上图上代码。 main.ts 红框内的是我写的 ...
-
测试页面的代码见上一篇博客接下来进入正题-定时不断刷新页面的方法：1.看到定时，很容易想到js的定时器：1 //第一种方法2 //由于我们已经有了一个定时器，所以只要在定时器test中加入一句刷新页面的代码即可3 function test(){4 h1.style.colo ...
2016年10月12日 11:005
-
认识DOMDOM级别 注：:DOM 0级标准实际并不存在，只是历史坐标系的一个参照点而已，具体的说，它指IE4.0和Netscape Navigator4.0最初支持的DHTML。 节点类型 注：1.节点代表元素中的属性，因为属性实际上是附属于元素的，所以属性节点不能 ...
-
第一步，下载。IcoMoon网站选择字体图标并下载，解压后将fonts文件夹放在工程目录下。fonts文件夹内有四种格式的字体文件：注：由于浏览器对每种字体的支持程度不一致，要想在所有浏览器中都显示字体图标，必须同时引入这些字体文件。第二步，使用@font-face规则。在样式文 ...
2016年10月11日 23:002
-
Atitit 控制中心快速启动面板quick launcher contralPanel.bat aaaControlPanel.contrlx/AtiPlatf_auto/src_atibrow/com/attilax/biz/launch/contrlx.java ...
2016年10月11日 22:002
-
默认样式的导航条导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。两端对齐的导航条导航链接已经被弃用了。导航条内所包含元素溢出由于 Bootstrap 并不知道你在导航条内 ...
2016年10月11日 21:000
-
1、什么是语义化？ 必应网典的解释语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人 ...
-
在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度，但是在IE6中很多朋友都会遇到不兼容的头疼问题，包括我也经常遇到这样的问题，在百度查了很多都没法解决，后来在一个论坛上学习到，在这里跟大家分享下css3样式代码，经过时间完全兼容各大主流浏览器。* 最小寬度 */. ...
-
状态不好，整晚未眠。想着敲点代码，遇着复杂的又自己生气，所以就敲了博客园的，总是很纠结&ldquo;哪样的文字算标题算段落或要用span&rdquo;&ldquo;什么时候用div比较好&rdquo;&ldquo;用很多id是不是不好&am ...
-
canvas实现刮刮乐主要是要注意两个地方:第一个是将绘制的图形设置成背景图片（用到toDataURL属性），这样在擦覆盖层的时候才不会丢失绘制的图案，第二个是设置在绘制插图的时候，设置透明透明（用到globalCompositeOperation属性）代码如下：<scri ...
2016年10月11日 17:002
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu ...
2016年10月11日 14:004
-
通过测试发现，canvas在不同浏览器下面有不同的最大尺寸限制。大家都知道，canvas有自身的width,height属性来控制尺寸，用css的width,height,控制显示的大小。可以理解为canvas就是一个img,属性的width,height就是这个img的原图像素 ...
-
开本系列，谈谈一些有趣的 CSS 题目，题目类型天马行空，想到什么说什么，不仅为了拓宽一下解决问题的思路，更涉及一些容易忽视的 CSS 细节。解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。不断更新，不断更新，不 ...
