爱是与世界平行

前端面试题之CSS篇一、CSS基础1. CSS选择器及其优先级2. CSS中可继承与不可继承属性有哪些3. display的属性值及其作用4. display的block、inline和inline-block的区别5. 隐藏元素的方法有哪些6. link和@import的区别7. transition和animation的区别8. display:none与visibility:hidden的区别9. **伪元素和伪类的区别和作用？**10. 对requestAnimationframe的理解11. 对盒

前端面试题之HTML篇1. src和href的区别2. 对HTML语义化的理解3. DOCTYPE(⽂档类型) 的作⽤4. script标签中defer和async的区别5. 常⽤的meta标签有哪些6. HTML5有哪些更新1. 语义化标签2. 媒体标签3. 表单4. 进度条、度量器5.DOM查询操作6. Web存储7. 其他7. img的srcset属性的作⽤？8. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？9. 说一下 web worker10. HTML5的离线储存怎么使用，它的

前端面试准备一、面试准备1. 利用脑图来梳理知识点2. 程序员应该具备哪些软技能？3. 准备合适的技术型简历4. 收到面试邀请之后的准备二、面试过程：1. 面试过程中要注意社交礼仪2 面试中出现的常规问题3. 如何介绍自己的项目经历4. 项目细节和技术点的追问5. 没有做过大型项目怎么办6. 当被分配一个几乎不可能完成的任务时，会怎么做7. 提问环节三、HR面试：1. 谈薪资——准确定位和自我估值2. 跟 HR 沟通的技巧四、其他1. 总结和思考2. 面试注意点原文地址：前端面试准备git地址：htt

效果图：CSS 及 Html:css:#bottom-img{position: absolute; bottom: 15px; right: 20px; z-index: 20;}html:<div id="bottom-img"></div>JS：控制图例的显示与隐藏，并根据不同的图片url显示不同的图例//控制图例的显示与隐藏 var b...

在学习编程的时候，每次看到那些整齐规范的代码，心里顿时对这个程序员表示点点好感，有时，比如看到自己和朋友写的代码时，那阅读起来就是苦不堪言，所以，一些基本的开发规范是必须的，是为了自己方便阅读代码，也方便他人阅读修改代码。命名驼峰式命名法介绍 Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo Camel Case 小

一. 布局 当已经完成了无响应的网站以后，在HTML的head标签之中加入以下代码。这段代码设置屏幕按1：1的尺寸显示，在 iPhone 和其他智能手机的浏览器提供网站全视图浏览，并禁止用户缩放页面。<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no

HTMl5属于万维网联盟（W3C），这个组织为网络界提供了标准，如此形成的协议可在全世界同行。HTML5.1新增一些功能和特性，可以方便更好的使用一些方法来优化浏览器，

前端的知识笼笼统统有很多，今天学习整理页面布局。在自己学习的时候，页面布局方面也是一个稍微有点难度的地方，通常需要一些时间构思，而且在写的时候都会遇到各种各样的问题，希望可以学到一个好的方法或技巧，利于页面布局的设计与开发。盒模型学习html，盒模型肯定是一个必备的知识，对盒模型的学习也是每一个初学者必学的知识点。 在一个文档中，每个元素都被表示为一个矩形的盒子。确定尺寸, 属性 — 像它的颜色，

H5Slides幻灯演示系统基于HTML5的幻灯片编辑，播放的工具。 通过HTML5的技术，可以在浏览器上进行编辑、传播、控制幻灯片。 选择样板模式 添加新的页面 特点它是HTML5的！不需要臃肿的Powerpoint也可以自由的制作和演示幻灯片可以自由的在各种设备上进行幻灯演示可以自由扩展幻灯片的制作工具和播放环境可以很自由很方便的传播运行方式运行环境 H5Slides支持

假定外层的高度和宽度已经固定，通用的HTML和CSS代码： Html：<div class="img"><img src="http://dummyimage.com/200x200/f66/"/></div>Style:.img { width:300px; height:300px; margin:20px auto; background:#00f;}相

使用CSS复位css复位可以在不同的浏览器上保持一致的样式风格，可以使用css reset库的Normalize等，也可使用更简化的复位方法：* { box-sizing: border-box; margin: 0; padding: 0;}现在元素margin和padding为0，box-sizing可以设置css盒模型布局。继承box-sizing从html元素继承box-siz

浏览博客时，看到一篇博客《CSS常见布局解决方案》，因为平时在写网站的时候，也会出现很多CSS布局方面的问题，所以看到这个 文章格外兴奋，借鉴他的学习经验，希望自己以后也可以有所总结。

CSS3选择器 ·*通配选择器 ·E标签选择器 ·E#id ID选择器 ·E.class类选择器 ·Ｅ　Ｆ包含选择器，后代选择器 ·Ｅ＞Ｆ子包含选择器 ·Ｅ＋Ｆ相邻兄弟选择器 ·Ｅ【ｆｏｏ】属性选择器 ·并集选择器属性选择器E[att] { sRules }:选择具有att属性的E元素。E[att="val"] { sRules }:选择具有att属性且

高质量的CSS代码体现在三个方面：可读性和可维护性和高性能。对于“前端工程师”来说如何平衡“追求高性能”和“可维护性”是很值得思考的问题。 在本次博客中，将从以下八个方面来学习CSS性能优化中的各种技巧，以便自己将来可能用到好查阅，也分享给广大学习前端的小白朋友们。 （1）属性缩写 （2）语法压缩 （3）图片压缩 （4）选择器优化 ...

在CSS的最后一个博客中，将学习整理一些CSS中的重要概念，对这些重要概念的掌握，将对CSS的认识十分重要。 了解这些概念对深入理解CSS的本质十分重要：（1）包含块containing block （2）BFC和IFC （3）层叠上下文 如果要真正地掌握CSS，一定要对此认真研读、一定认真研读、一点认真研读（重要的事情说三遍）。 1:包含块 ...

CSS特性：CSS有两大特性，继承性和层叠性。 CSS的继承性，指的是子元素继承了父元素的某些样式。 CSS中具有继承属性的三大类： （1）文本相关属性：font-family,font-size,font-style,font-weight,font,line-height,text-align,text-indent,word-spacing. （2）列表相关属性：li...

对于CSS文本的一些效果，基础一些的知识比较简单，但对于text-indent,vertical-align,text-align等的深入学习能够使我们对HTML5的学习更加轻松，对这部分知识的深入了解，也更利于以后网站的一些小技巧方面的运用。 CSS文本属性 text-decoration 下划线、删除线、顶划线 text-transf...

在网页中经常可以看到各种各样的动态时间显示，在网页中合理地使用时间可以增加网页的时效感。显示当前时间getHours()、getMinutes()、getSeconds()分别获得当前小时数、当前分钟数、当前秒数。打开网页文档，在head标签中输入以下代码：<script> function showtime(){ var now_time = new Date(); //创

整理一些学过的js知识点，包括js中3个括号的含义，this的使用，递归，google浏览器的代码调试。Location的属性及常用方法，window对象常用方法，open方法等。js括号在js中，三种括号所对应的不同含义： {} —-对象 [] —-数组 () —-执行this方法var person = { /*对象属性*/ neme: "

---tr 定义行第1个单元格的内容 ----td 定义列第2个单元格的内容。。。。。。第1个单元格的内容第2个单元格的内容........1.Border:给你的表格添加边框。当border属性增大时，只有外围框线增加，单元格的边框始终为1px;2.bordercolor="blue"边框颜色3.width、height:表格的

本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。 总结进行学习，并分享给同样编写HTML5的朋友。

1；Tab键，快速创建标签2；ctrl+d,删除光标所在行3; ctrl+/ 快速添加注释 ctrl+shirt+/ 快速添加多行注释，在js里分别为添加单行注释和多行注释4; ctrl+alt+下方向键 快速复制一行5; alt+上下方向键 快速移动当前代码6；crtl+y 反撤销键长路漫漫，学习要慢慢总结，慢慢积累。

分享一些学习到的HTMl表格的结构化知识，生活总是在不断学习中前进，尽管作为萌新（小白）有很多迷茫和未知，但还是要鼓起勇气继续学习和坚持。。

分享学习到的Form知识点，希望给同样有所需要的朋友共同学习。。愿我的分享，可以成为您的厚爱。。 简单的知识收到简单的回报，未来的努力造就优秀的自己。。。

本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。 总结进行学习，并分享给同样编写HTML5的朋友。

知识点 《HTML5的表单input元素的新属性》，留待学习分享。。。

知识点关于HTML5 的特点以及其标签和标签语法。。

统一资源标识符（uniform/universal resource identifier,URI）用于表示Internet中的资源（通常是文档）。URI 主要用于两种目的，其一是命名资源，尽管此时把他们叫做统一资源名称（URN）可能更加精确。其二，也是URI更常用的形式，是提供资源的路径或位置，此时它们叫做统一资源定位符（URL）。

平常知识学习笔记积累，点点滴滴的积累成就将来成功的自己。

Box Model盒子模型，是初学者在学习HTMl5时会学到的一个重要的模型，也有一些人称它为框模型，因为盒子是属于3维，而框是平面的。称之为盒子模型，是因为其结构和盒子十分相似，其最外面是margin，然后border，里面是padding，三者包围了content.margin: 20px;/*上右下左用同一个数据*/margin: 20px 30px;/*上下 左右分别用...

在学习浮动布局和定位布局之前，先对“正常文档流”和“脱离文档流”就行了解，这两个概念，是深入学习浮动布局和定位布局的理论前提。 1：正常文档流 文档流：指元素在页面中出现的先后顺序。 正常文档流（普通流）：将一个页面从上到下分为一行一行，其中块元素独占一行，相邻行内元素在每一行中按照从左到右排列直到该行排满。 ...

浮动和定位是CSS两大布局方式。浮动布局比较灵活，但不容易控制。定位布局虽然缺乏灵活性，但是却可以让用户精准地定位页面中元素的位置。关于浮动布局的相关知识，在上一个博客中已经总结归纳，今天对定位布局进行学习归纳。

又是新的一周过去了，时间到了，春天绿了，关于HTML5的学习进步了，今天博客更新一些CSS定位的内容，小的一些细节也要牢记，方便做一个更完美的项目。如何让垂直方向居中，解决方式:在父元素添加overflow:hidden为父盒子添加border为父盒子添加...

HTMl元素根据表现形式，常见的可以分为两类。（1）块元素（block） （2）行内元素（inline)。 当然，除了以上两种元素类型外，还有inline-block、table-cell等元素类型。对于这些元素的运用，就需要通过display来编码，对于display学习的掌握，可以将网页做得更加完善和美观。

前端的学习已经有了大半个来月，不过还是停留在h5,css,js阶段，这个阶段的基础学习还没有结束，不过迫切想要学得更多的知识，所以在各大博客寻找优秀博客的学习经验，借鉴他们的学习来提高自己的水平。网页生成的过程 1·HTML代码转化成DOM 2·CSS代码转化成CSSOM（CSS object Model） 3·结合DOM和CSSOM，生成一颗渲染树（包含每个节点的视觉信息）

HTML５　学习的第二课，还是有很多地方需要继续学习和巩固的，写给萌新的自己继续加油。。