栅格布局1.引入我们之前学习了多个布局的方式，下面我们一起来学习一种比较重要的布局方式：栅格布局。栅格布局是一种较为特殊的弹性布局，栅格(grid)是一种自适应布局，能根据不同终端自动伸缩容器的宽高。flex根据轴线(axis)布局，看起来像是一维布局；而grid针对网格线(grid line)布局，看起来更像是二维布局。在我们熟知的常用前端框架中都可以发现栅格布局的系统实现，如常用的bootst

页面特效1.引入CSS3除了可以实现传统意义上的样式之外，还提供了一些比较特殊的特效，那么下面我们一起来学习一下这一些特效。学习完这一些特效将会更加丰富我们的页面美化效果。2.页面特效分类CSS提供了比较多的页面特效，下面我们主要学习其中主要的两种:过渡和动画3.过渡(transition)(1)、过渡概述:过渡允许您在给定的时间内平滑地改变属性值。说白了就是页面的上元素从一个状态改变到另一个状态

自适应布局(多设备布局)1.引入我们通过之前的学习，学习了多种不同的布局方式。我们学习布局是为了解决页面样式的问题。我们知道HTML5不仅仅可以在电脑端显示，而且它还可以在手机端和平板端显示，但是我们会发现一个问题，当我们在电脑端调整好的页面在其他的设备上显示的时候样式会出现变化，从而导致显示内容的错乱。为了解决在不同设备上显示的问题，我们接下来学习以下自适应布局。在学习这一个自适应布局之前，我们

一、Hbuilder简介(1):软件简介HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的

边框样式1.概述我们之前已经把CSS的选择器学习了一遍，接下来，我们就一起来学习一下一些常见的样式属性，我们从边框样式开始学习。2.边框样式CSS中使用关键字border实现指定元素边框的样式、宽度和颜色。3.边框的常用属性边框border常用的属性1.border-style:设置边框的样式，其常用的样式有:none(无边框)soild(实线边框)dashed(虚线边框...