摘要： 响应式布局当今很流行的一个设计理念。什么是响应式布局？我的理解是根据不同大小的屏幕显示不同的页面布局。响应式布局怎么设计?一种比较简单的方法就是利用CSS3的Media Query来实现。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有... 阅读全文

摘要： RelativeRelative的元素相对于它原本的位置来做定位，但在文档流中依然保持着原有的默认位置，即使它作了偏移，周围的元素也不会占领的它的位置。如果一个元素是相对定位（甚至它还做了偏移），它周围的元素在排版时参考的依然是那个元素原本的位置（指在没有偏移时的位置）。如果同时声明top和bott... 阅读全文

摘要： 今天做一个页面头部（header）固定的效果，css设置position:fixed。因为头部宽度是自适应浏览器宽度，css只写了height没写width。结果header没显示出来。后来设置了width: 100%;才显示出来。 阅读全文

摘要： each() 方法为每个匹配元素规定要运行的函数。语法：$(selector).each(function(index,element))怎么跳出each()？return false 将停止循环 (就像在普通的循环中使用 'break')。 return true 跳至下一个循环(就像在普通的循环... 阅读全文

摘要： 一、什么是JSON？JSON 英文全称 JavaScript Object Notation，JSON 是用于存储和传输数据的格式。JSON 最常见的用法是从 web 服务器上读取 JSON 数据，将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。JSON简单说就是jav... 阅读全文

摘要： 一、五大基本选择符1. *（通配符）*通配符选择器，经常用于css reset（样式重置），清理标签的默认样式，但现在一般不提倡直接使用*了，主要是*会匹配所有标签，相当耗资源。*在css的优先级中是最低的。* {margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所有子元素... 阅读全文

摘要： HTML文档类型的作用是用来告知 Web 浏览器页面使用了哪种 HTML 版本。制作符合标准的网页，第一件事情就是声明符合自己需要的DOCTYPE。应当在HTML文档的第一行用 声明该网页所采用的文档类型。DOCTYPE是document type(文档类型)的简写。说明： 声明不是一个 HTML ... 阅读全文

摘要： 1、children()仅遍历元素的第一级子元素。 2、find()遍历元素的所有下级元素，一路向下直到最后一个后代。3、children()的参数selector 是可选的用来过滤子元素，但find()的参数selector方法是必选的。 4、find()事实上可以通过使用$(selector, ... 阅读全文

摘要： 目录前言HTML 部分CSS 部分JavaScript 部分其他问题优质网站推荐前言本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！面试有几点需注意：(来源程劭非老师 githu... 阅读全文

摘要： 的颜色设置如果不加border:0;的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px;的话，在chrome会显示不出来。也可以用下面的代码实现：对齐在chrome中默认是左对齐。在IE中默认是居中对齐，要想左对齐得用text-align:left。 阅读全文