HTML+CSS

CSS3的弹性盒布局 简介 弹性盒（ Flexible Box 或 Flexbox） 布局是CSS3提供的一种新的布局模式，是一种当页面需要适应不同的屏幕大小及设备类型时，确保元素拥有恰当行为的一种布

滤镜效果 类似于美颜相机、美图秀秀这样的美颜工具，能够让我们轻松地应用多种特效，例如转换为黑白照片、复古风格化、调整亮度等。在之前仅凭CSS几乎很难做到这些效果。 但在CSS3的语法中，所有的这些视觉

计算机概述 计算机起源 计算机（Computer）是一种具有计算功能、记忆功能和逻辑判断功能的机器设备。它能接收数据，保存数据，按照预定的程序对数据进行处理，并提供和保存处理结果。 ENIAC 第一台

多列布局 概念：在CSS3之前，想要设计类似报纸那样的多列布局，有两种方式可以实现：一种是"浮动布局"，另一种是“定位布局”。 这两种方式都有缺点：浮动布局比较灵活，但不容易控制；定位布局可以精准定位

CSS3动画 在CSS3中，animation属性用于实现元素的动画。 animation属性跟transition属性在功能实现上是非常相似的，都是通过改变元素的属性值来实现动画效果。

在CSS3中，我们可以使用transition属性将元素的某一个属性从“一个属性值”在指定的时间内平滑地过渡到“另一个属性值”，从而实现动画效果。

CSS3变形 在CSS3中，动画效果包括3个部分： 变形(transform) 过渡(transition) 动画(animation) 在实际开发中，有时需要实现元素的各种变形效果，如平移，缩放，旋

背景样式 在CSS3中，新增了3个背景属性 属性 说明 background-size 背景大小 background-origin 背景位置 background-clip 背景剪切 backgro

边框样式 概念:在CSS3中，针对元素边框增加了丰富的修饰属性。 常见的边框样式属性有以下 属性 说明 border-radius 圆角效果 box-shadow 边框阴影 border-image

重复渐变 在网页设计中，经常会需要在一个背景上重复应用渐变方式的情况，这时就需要使用重复渐变。 重复线性渐变 概念：重复线性渐变只是在线性渐变的基础上加个repeating,代表连续重复的意思 语法：

渐变属性 线性渐变 概念：线性渐变，指的是在一条直线上进行的渐变。在线性渐变过程中，起始颜色会沿着一条直线按顺序过渡到结束颜色 语法： 渐变角度 线性渐变的“渐变角度”取值有两种： 一种是使用角度（单

颜色样式 HEX颜色 概念：在CSS中，用#RRGGBB规定十六进制颜色 RR(红色)，GG（绿色），BB（蓝色）为十六进制整数指定颜色的成分（分量）。 实例： 运行结果 HEX颜色透明 概念:用#R

jQuery.dotdotdot 前言 在“css新增文本样式”这篇，我们介绍了text-overflow属性省略多余的文本。用text-overflow属性可以直接省略单行文本，但省略多行文本，单独

文本样式 概念：在CSS3中，增加了丰富的文本修饰效果，使得页面更加美观舒服。 常用的文本样式属性 属性 说明 text-shadow 文本阴影 text-stroke 文本描边 text-align

文件操作 简介 概念：可以通过file类型的input控件或者拖放的方式选择文件进行操作 语法格式： 属性 multiple：表示是否选择多个文件 accept：用于设置文件的过滤类型（MIME类型）

HTML5的拖放操作 HTML5的拖放 概念：在HTML5中，拖放是一种常见的特性，可以抓取元素并拖入不同的位置。任何元素都可以被拖放。 这种拖放操作仅限于在浏览器内的元素间拖放，不能实现跨应用拖放

CSS选择器 CSS3 属性选择器 E [attr] {rule} 语法格式： 说明：选择具有 attr 属性的 E 元素，并应用 rule 指定的样式 实例： E [attr = value] {r

多媒体标签 audio标签 概念:在页面中插入音频，不同的浏览器对音频格式的支持不一样 语法: 说明 常用属性 src ：音频文件的来源 controls： 是否显示控制面板，默认不显示 autopl

正则表达式 概念 一个正则表达式就是由普通字符（例如a-z A-A 0-9等）以及特殊字符组成的文字模式，该模式描述在查找文字主体时待匹配的一个或多个字符，通常被用来检索、替换那些符合某个模式（规则）

新增表单属性 form控件主要新增的属性: autocomplete 是否启用表单的自动完成功能，取值：on（默认）、off novalidate 提交表单时不进行校验，默认会进行表单校验 autoc