alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方，而title属性是在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，有点类似jQuery的hover，你可以自己试试，另外，HTML的绝大多数标签都支持title属性，title属性就是专门做
标签：CSS3
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！
文档流的概念：html中block块元素默认是单独占据一行的，从上到下排列，也就是我们说的文档流;
脱离文档流的概念：A元素定义了float属性之后，就会"浮"起来，原来占据的空间由后面的B元素占据；
之前面试碰到的一个题，也算是面试的常见题吧，如下：
说出两个h2的颜色
这个题目考察的就是css权重，参考大漠老师的译文：http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
权重计算公式：从0开始，一个行内样
1 ie6.0横向margin加倍
产生因素：块属性、float、有横向margin。
解决方法：display：inline；
2 ie6.0下默认有行高
解决方法：overflow:hidden;或font-size:0;或line-height：xx px；
3 在各个浏览器下img有空隙(
初涉H5的学习，完全萌新一枚，每天虽然疲惫却真的前所未有的充实，不敢有一点懈怠，真的不想时间白白浪费。到今天为止，会了简单的表单制作，还有一点点小小的成就感，多的不说了，下面展示下我这一周的学习笔记吧！再贴上我自己做的小表单！
<!DOCTYPE html><html>
HTML5在近几年异常火热，因其功能强大、灵活多变等特点而被追捧。
这篇博客是我跟随老师学习所的到的知识，从入门到精通需要的是坚持和系统地学习。
让我们开始吧！
HTML5的基本结构
<!DOCTYPE html>
<html>
<head>
众所周知，一般的屏蔽的方法是用JS来编写的脚本，但是也可以直接通过修改网页属性的方法来屏蔽右键 禁止复制。
禁止右键
oncontextmenu="return false"
禁止复制和剪切：
oncopy="return false;"
oncut="return false;"
怎么说呢，从接触前端起，到现在已经有三个月了，这么长时间的学习呢，我的水平依然一般，前几天参加了IFE2017，下面总结一下对CSS中浮动、定位、分列布局、父容器塌陷问题的一些心得。
首先，浮动和定位是CSS中布局的基础，通过浮动和定位，可以实现对每一个盒模型精确到像素级别的控制，可见其重要
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！
1. css盒模型有标准盒模型和IE盒模型
结构是：content、padding、border、margin。
css3有个box-sizing属性，设置用哪种盒模型；
box-sizi
关于响应式布局现才接触到，虽然代码很简单，但是对基础要求还是有一些。
1.left设置position:absolute和width：70px；那么右边用margin-left：70px；因为是响应式的我用jquery设置了一下高度（不用jquery，直接设置高度为100%好像不行，不知道为什么有知
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失。
visible:hidden--- 使对象在网页上不可见，但该对象在网页上扔占据着空间。
例子：
&l
大学毕业以后，因为一些个人琐事没有找到自己专业的对口工作，整天混混沌沌得过着也没有打破现状的决心和机会。但是每当独自思考的时候总是一阵阵的害怕，怕自己从此一事无成一无所有。于是在某个心潮澎湃的瞬间开始在网上看一些学习资源，开始自学一些web方面的知识。
经过小段时间的学习，发现自己之前真的是孤陋寡闻
URL地址
就是我们所说的网址：www.jd.com
浏览器内核，渲染引擎
Ie内核：triteent
谷歌/欧鹏：blink
火狐：gecko
苹果：webkit
渲染引擎是出现兼容性的根本问题
-html概念:hyper Text Markup Language (超
css的border属性相信大家都不陌生了，就是给元素加个边框嘛，在不同的盒模型下，会给元素的宽高带来怎样的影响，相信大家也都很熟悉了，这里就不再赘述，只说说大家平时没有怎么留意的东西。
0.border-color与color
大家平时使用border属性的时候，通常应该是直接写border:1p
第一部分 HTML
第一章 职业规划和前景
职业方向规划定位：
web前端开发工程师
web网站架构师
自己创业
转岗管理或其他
web前端开发的前景展望：
未来IT行业企业需求最多的人才
结合最新的html5抢占移动端的市场
自己创业做老板
随着互联网的普及w
俗话说的好，框架是服务与大家的，包含的功能比较多，代码多。在现在追求速度的年代。应该根据自己的需求去封装自己所需要的组件。
下边就给大家介绍一下自己封装的一个小弹框组件，不依赖与jQuery，代码少，适用于一般移动端小项目。
这个插件名称：MobileUi
包含功能：弹
不用JavaScript也能实现阅读进度条
看图说话
直接上代码
<style>
html,body{margin:0;}
header{
position: fixed;
top:0;
前面两篇文章我们分别谈到了class和id的相关知识和如何使用，但是在实际项目中，我们该如何抉择，class还是id？
先回顾下两者的区别吧！
1.id具有唯一性，class具有普遍性，所以一个页面同一个id只能使用一次，而class可以被无限制使用。
2.id的优先级要高于class的!如下面列子
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！
1. 已知元素宽度
方法一：已知宽高，可以用position定位 + margin负值的方法 ；
绝对定位 + 4个方向全部0px + margin：auto 可以做到基于父容器水平垂居中；如
1.querySelector 返回文档中匹配指定css选择器的一个元素. 注意：uerySelector() 方法仅仅返回匹配指定选择器的第一个元素 如果你需要返回所有的元素，请使用 querySelectorAll()
语法：document.quer
客服
