大家都知道,浮动会对文档产生影响,具体来看看会对文档产生什么影响? 清除浮动后的效果: 未清除浮动后的效果: 实例代码(未清除浮动): <!doctype html> <html&g...
CSS3过渡效果transition
HTML5中CSS3的过渡效果,通过这个功能可以不借助 JavaScript 来实现简单的用户交互功能。 一、过渡简介 过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能,比如::hover、...
CSS3变形效果transform-style
一、3D 变形简介 元素的平移、旋转、缩放和倾斜等功能这些效果只是单纯在二维平面图上的,我们称之为 2D。那么其实CSS3也提供了三维立体的一些功能效果,并且目前较新的主流浏览器都比较支持,只不过比 ...
CSS3变形效果transform
HTML5 中 CSS3 的变形效果,通过变形效果,可以平移、缩放和旋转元素的功能。 一、transform CSS3提供了元素变形效果,也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个...
CSS3渐变效果linear-gradient与radial-gradient
HTML5中CSS3背景渐变功能,主要有两种渐变方式:线性渐变和径向(放射性)渐变。 一、线性渐变 CSS3提供了linear-gradient 属性实现背景颜色的渐变功能。在以前,这种效果必须采用图...
HTML5中CSS层叠样式表
一、使用 CSS CSS 样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个 CSS属性和属性值。 <p style="color:red;font-size:50px;">...
HTML5实体/核心构成的元数据以及全局属性
一、HTML实体 HTML 实体就是将有特殊意义的字符通过实体代码显示出来。如下图介绍。 二、HTML元数据 <meta>元素可以定义文档中的各种元数据,而且一个HTML页面可以包含多个&...
HTML5表单元select(三)
一、其他元素 表单元素还剩下几个元素包括下拉框列表 select、多行文本框 textarea、和 output 计算结果元素。 select 生成一个下拉列表进行选择。optgroup 对 sele...
HTML5表单元input(二)
一、type 属性总汇 input 元素可以用来生成一个供用户输入数据的简单文本框。在默认的情况下,什么样的数据均可以输入。而通过不同的属性值,可以限制输入的内容。 1、text 一个单行文本框,默认...
HTML5表单元form(一)
一、表单元素总汇 在HTML5的表单中,提供了各种可供用户输入的表单控件。 form 表示HTML表单 input 表示用来收集用户输入数据的控件 textarea 表示可以输入多行文本的控件 sel...
HTML5音频audio/视频video
一.音频和视频概述 首先,要理解两个概念:容器(container)和编解码器(codec)。 1. 视频容器 音频文件或视频文件,都只是一个容器文件。视频文件包含了音频轨道、视频轨道和其他一些元数据...
HTML5嵌入元素
HTML5中嵌入元素主要功能是把外部的一些资源插入到HTML 中。 一、嵌入元素总汇 img 嵌入图片 map 定义客户端分区响应图 area 表示一个用户客户端分区响应图的区域 audio...