简介： 窗体布局           目的：将窗体中的基础组件按照特定的布局方式进行摆放           1.分类：…

按下右边的“点击预览”按钮能够在当前页面预览，点击链接能够翻开原始页面。 纯 css 画的自行车https://codepen.io/elorenn/fu… 纯 css 画的家具装置图https://code…

在现实开辟项目中，偶然我们会用到自定义按钮；由于一个项目中，浩瀚的页面，为了一致作风，我们会反复用到许多雷同或类似的按钮，这时刻，自定义按钮组件就派上了大用场，我们把定义好的按钮组件导出，在全局援用，就能够在其他组件随便…

0. 通用选择器 * { margin: 0; padding: 0; } 1. 元素选择器 p { line-height: 1.5em; } h2 { color: #696969; } 2. id 和 类选择器 #…

最近在做H5，发现还是对transform了解的不是特别深刻，这里做一个总结。 CSS3 transform transform的含义是：改变，使…变形；转换 CSS3 transform都有哪些常用属性 rotate(…

动效伸缩搜索框 代码储存在Github效果预览 初衷：很多人在初学前端的时候都会问，“如何入门前端？”同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的 “入门级” 的教材并不太满意。学习一门新知识，实例…

现在越来越多的网站正在使用动画，无论是以GIF，SVG，WebGL，背景视频等形式。 当正确使用时，网络上的动画带来生机和交互性，为用户增添了额外的反馈和体验。 在本教程中，我将向您介绍CSS动画; 高性能的做事方式越来…

Web Animation Api 入门 <img src=”http://cdn.tutorialzine.com/w… alt=”Getting Started With T…

1、 减少dom操作：类数组是实时更新的类数组集合, 在脚本中 document.images、document.forms、getElementsByTagName()返回的都是HTMLCollection类型的集合，…

代码符合标准 标准的页面会保证正确的渲染 页面容易被搜索引擎搜索，提高搜索排名(SEO) 提高网站的易用性 网页更好维护和扩展（Validator，HTML Validator 属于Firefox插件) 停止使用不标准的…

前言 见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。 为什么要写此文章？把自己感觉对的用文字的形式记录下来。 1、网站栏目划分 网站栏目划分，在前端的角度看就是首页和子页，在佛系点都是页面，然而站在客户的…

HTML、CSS部分 要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发 技术等 1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区…