摘要：
概念 Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 步骤 1. 设置 Meta 标签 大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率，可以使用视图的meta标 阅读全文
摘要：
什么是“层叠上下文” 层叠上下文(stacking context)，是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的X轴，Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发 阅读全文
摘要：
我们都知道，一个完整的IT项目是由多个不同岗位的成员共同完成，包含UI规划、前端开发、后端开发、测验等。为了完成项目的完整性，前后端需求运用技能完成联通。不过，前后端交互技能有哪些呢？目前常用的完成前后端交互的技能有三个： 1、ajax ajax是一种用于创建快速动态网页的技能。经过在后台与服务器进 阅读全文
摘要：
我们平常在用DIV+CSS制作html网页页面时，常会用到class 和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。 ID和class都是“钩子” 我们需要一个使用html/xht 阅读全文
摘要：
我酷爱模块化设计。长期以来我都热衷于将网站分离成组件，而不是页面，并且动态地将那些组件合并到界面上。这种做法灵活，高效并且易维护。 但是我不想我的设计看上去是由一些不相关的东西组成的。我是在创造一个界面，而不是一张超现实主义的照片。 很幸运的是，已经有一项叫做 CSS 的技术，就是特意设计用来解决这 阅读全文
摘要：
在我们平时布局网站的时候，想要把div进行隐藏，但是很多人不知道css控制div显示隐藏？下面我们来讲解一下css如何让div隐藏。 1、使用display:none来隐藏div 我们可以使用display:none属性来隐藏所有的信息，包括文本和图片，语法为： <div>这里你是看不到的</div 阅读全文
摘要：
CSS Sprites是一种性能优化技术，一种网页图片应用处理方式：将多个图像组合成单个图像文件以在网站上使用的方法，以提高性能；也被称为css 精灵图。 网页通常包含多个图像。这些包括图标，按钮，徽标，相关图片和其他图形。当页面中加载图像时，浏览器向服务器发出HTTP请求。分别加载每个图像需要多次 阅读全文
摘要：
灵魂三问： 标签语义化是什么？为什么要标签语义化？标签语义化使用场景有哪些？ 下面让我们跟着这三个问题来展开一下本文的内容。 一、标签语义化是什么？ 标签语义化就是让元素标签做适当的事情。例如 p 标签就是代表文本，button 标签代表按钮，nav 标签代表导航等等。 二、为什么要标签语义化？ 其 阅读全文
摘要：
IOS下的webview页面，内嵌iframe元素，将其样式指定为宽高100%： .iframe { width: 100%; height: 100%; } 在安卓下运行均无问题，但是在IOS下会出现异常。 具体表现为iframe页面内的子元素一旦超出原先的边界，只要能影响到html元素的宽高，就 阅读全文
摘要：
普通用户下载图片时只需一个「右键另存为」操作即可完成，但当我们做在线编辑器、整个 UI 都被自定义实现时，如何解决不同域问题并实现页面中图片资源的安全下载呢？本文就解决该问题过程中所涉及的正则表达式、Web API 和 canvas 操作进行记录。 本文分为以下七个部分： 利用 <a> 标签下载任意 阅读全文
摘要：
使用Notification的流程 1.检查浏览器是否支持Notification2.检查浏览器的通知权限3.如果权限不够则申请获取权限4.创建消息通知5.展示消息通知 Notification API 构造方法 let notification = new Notification(title, 阅读全文
摘要：
CSS3 主要可以分为几个模块：边框和背景，渐变，文字特效，字体，2D/3D转换，动画(过渡动画和动画)，选择器，盒模型，多列布局，用户界面。 css3动画有2类：一种是transition的，另一种是@keyframes的。 两者的区别就是，transition的动画表达是从一种状态到另一种状态， 阅读全文
摘要：
我们在网页设计中，通常会使用ps工具来达到图片或者边框阴影、立体等效果。但是如果一些基础效果都需要用p图来完成那就显得效率比较低了。其实可以使用CSS来设置边框阴影，下面本篇文章来给大家介绍一下。 在css中，我们可以通过box-shadow属性来设置边框阴影。 box-shadow属性可以向边框添 阅读全文
摘要：
什么是CSS Modules？ 官方的介绍是： 所有的 class 的名称和动画的名称默认属于本地作用域的 CSS 文件。所以 CSS Modules 不是一个官方的规范，也不是浏览器的一种机制，它是一种构建步骤中的一个进程。（构建通常需要 webpack 或者 browserify 的帮助）。通过 阅读全文