摘要： 下面为通过CSS动画实现的立方体旋转，可以改变CSS代码中关键帧定义（@keyframes）来改变立方体的旋转方式 HTML部分： CSS部分： 以上代码实现的效果如下： 阅读全文

摘要： CSS 3在原来的基础上新增了变形和动画相关的属性，通过这些属性可以实现以前需要大段JavaScript才能实现的功能。css 3的变形功能可以对HTML元素执行位移、旋转、缩放、倾斜4种几何变换，借助于这几种几何变换，css 3提供了Transition动画。Transition动画可以控制HTM 阅读全文

摘要： 转换是使元素改变形状、尺寸和位置的一种效果。通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸，可以大致分为2D转换和3D转换。下面介绍的是2D转换的相关知识点。 首先，CSS中2D转换的形式是这样的： 选择器{ transform：转换函数（参数，参数）； }而2D转换的函数一共 阅读全文

摘要： 1、说说你对HTML语义化的理解？ （1）什么是HTML语义化？ 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。 （2）为什么要语义化？ 为了在没有css的情况下，页面也能呈现出很好的内容结构、代码结构；为了裸奔时好 阅读全文

摘要： 一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。但在使用时，需要注意以下两点： 1、Webkit内核的浏览器，必须加上-webkit前缀 2、设为Flex布局以后，子元素的flo 阅读全文

摘要： 什么是Bootstrap？ Bootstrap是一个用于快速开发web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。Bootstrap是2011年八月在CitHub上发布的开源产品。 为什么使用Bootstrap？ 移动设备优先：自Bootstrap3起 阅读全文

摘要： CSS样式可以精确控制HTML元素的背景、边框的样式和外观，也可以精确控制边框的线型和形状。其中，背景相关属性可以用于控制背景色、背景图片等属性。在控制背景图片的同时还可以控制背景图片的排列方式。 常用的背景相关属性如下： background：设置对象的背景样式，是一个复合属性，可以用于同时设置背 阅读全文

摘要： 在JavaScript脚本中获取<audio.../>元素对应的对象为HTMLAudioElement对象，<video.../>元素对应的对象为HTMLVideoElement对象。 HTMLAudioElement对象和HTMLVideoElement对象支持的方法有如下几个： play()：播 阅读全文

摘要： 布局是CSS中一个重要部分，下面总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现）。 一、居中方式 水平居中 水平居中对于子元素为行内元素还是块状元素，宽度一定还是宽度未定，采取的布局方案是不同。 行 阅读全文

摘要： 一、基本概念： 对于一个HTML元素而言，它会占据页面的一个矩形区域，这块区域就是该元素占据的“盒子”。 HTML元素占据的矩形区域由内容区（content）、内填充区（padding）、边框区（border）和外边距区（margin）组成。下图显示了HTML元素 的盒模型。 HTML元素的盒模型中 阅读全文