11 2020 档案
摘要：【一、前言】 HTML5 特性，包括原生音频和视频支持而无需 Flash。 HTML5 和 标签让我们给站点添加媒体变得简单。我们只需要设置 src 属性来识别媒体资源，包含 controls 属性让用户可以播放和暂停媒体。 【二、嵌入视频】 下面是在 Web 页面中嵌入视频文件最简单的形式： <v
阅读全文
摘要：在实际开发中，按钮的应用是必不可少。使用 CSS 来制作按钮，可以更有新意，更有趣，也可以自定义自己想要的样式。 一、平面样式CSS按钮 平面样式按钮的使用现在非常流行，并且符合无处不在的平面设计趋势。，这些的平面样式按钮效果很好看。 以下代码是按钮处于正常的情况下的状态。 例： .button {
阅读全文
摘要：一、为什么要格式化元素？ HTML定义了具有特殊意义的特殊元素定义的文本，比如，使用元素来格式化输出，如粗体或斜体文本。 格式化元素被设计用来显示特殊类型的文本。 二、标签 1. b 标签和 strong 标签 常规显示 HTML 元素定义粗体文本，没有任何额外的重要性，例如： <b>加粗文本内容.
阅读全文
摘要：CSS3 3D变换功能允许在3D空间中变换元素。 一、元素的3D转换 使用CSS3 3D变换功能，可以对三维空间中的元素执行基本的变换操作。如移动，旋转，缩放和倾斜。 变换后的元素不会影响周围的元素，但可以像绝对定位的元素一样将它们重叠。但是，变换后的元素在其默认位置（未变换）仍会在布局中占用空间。
阅读全文
摘要：SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见，以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。 一、简单的蒙版 代码解析： 本示例使用ID=mask1定义一个蒙版。 元素内部是一个元素。元素定义了蒙版的形状。 定义了一个使用mask的元素，元素使用
阅读全文
摘要：渐变是一种从一种颜色到另一种颜色的平滑过渡。另外，可以把多个颜色的过渡应用到同一个元素上。 SVG渐变主要有两种类型：（Linear，Radial）。 一、SVG 线性渐变 元素用于定义线性渐变。 标签必须嵌套在的内部。标签是definitions的缩写，可对诸如渐变之类的特殊元素进行定义。 线性渐
阅读全文
摘要：一、浏览器支持 表中的数字指定完全支持该属性的第一个浏览器版本。 数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。 属性 Chrome Firefox Safari Opera IE border-radius 5.0 4.0 -webkit- 9.0 4.0 3.0 -moz-
阅读全文
摘要：一、居中 1. 居中对齐元素 将块元素水平居中对齐(像 <div>) , 使用 margin: auto; 设置元素的宽度将阻止它伸展到容器的边缘。 然后元素将占用指定的宽度，剩下的空间将平分在两个边距之间： 这个div是居中的。 .center { margin: auto; width: 50%
阅读全文
