文章: 阅读:

CSS Display / Visibility 显示 与 可见性

display 属性设置一个元素应如何显示。visibility 属性指定一个元素应可见还是隐藏。隐藏一个元素可以通过把 display 属性设置为 "none"，或把 visibility 属性设置为 "hidden"。但是请注意，这两种方法会产生不同的结果。visibility hidden 可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。display none 可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。
CSSCSS

阅读全文 >>

CSS Selecter 选择器

在样式表中有很多具有相同样式的元素。为了尽量减少代码，可以使用分组选择器。每个选择器用逗号分隔。嵌套选择器可能适用于选择器内部的选择器的样式。CSS 组合选择符包括各种简单选择符的组合方式。组合选择符说明了两个选择器直接的关系。在 CSS3 中包含了四种组合方式，后代选择器（以空格 分隔），子元素选择器（以大于 > 号分隔），相邻兄弟选择器（以加号 + 分隔）普通兄弟选择器（以波浪号 ～ 分隔）。
CSSCSS

阅读全文 >>

CSS 注释

注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。CSS 注释以 `/*` 开始, 以 `*/` 结束。
CSSCSS

阅读全文 >>

CSS 颜色

CSS 中定义颜色使用十六进制（hex）表示法为红，绿，蓝的颜色值结合。可以是最低值是 0（十六进制 00）到最高值是 255（十六进制 FF）3 个双位数字的十六进制值写法，以 ＃ 符号开始。所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中 RR（红色），GG（绿色）和 BB（蓝色）。所有值必须介于 0 和 FF 之间。
CSSCSS

阅读全文 >>

CSS 单位

CSS 有几个不同的单位用于表示长度。一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。长度有一个数字和单位组成如 10px, 2em, 等。数字与单位之间不能出现空格。如果长度值为 0，则可以省略单位。对于一些 CSS 属性，长度可以是负数。有两种类型的长度单位：相对和绝对。
CSSCSS

阅读全文 >>

CSS 函数

CSS 有以下几个函数，attr() 返回选择元素的属性值。calc() 允许计算 CSS 的属性值，比如动态计算长度值。cubic-bezier() 定义了一个贝塞尔曲线(Cubic Bezier)。hsl() 使用色相、饱和度、亮度来定义颜色。hsla() 使用色相、饱和度、亮度、透明度来定义颜色。linear-gradient() 创建一个线性渐变的图像radial-gradient() 用径向渐变创建图像。repeating-linear-gradient() 用重复的线性渐变创建图像。
CSSCSS

阅读全文 >>

CSS 听觉

听觉样式表使用了语音合成和声音效果的结合，让用户收听信息，而不是读取信息。有声显示可用于-失明人士，帮助用户学习阅读，帮助具有阅读问题的用户，家庭娱乐，在车上，听觉呈现通常会把文档转化为纯文本，然后传给屏幕阅读器（可读出屏幕上所有字符的一种程序）。
CSSCSS

阅读全文 >>

CSS 属性

属性组，动画、背景、边框和轮廓、框、颜色、内容页的媒体属性、尺寸、盒子模型(新)、盒子模型(旧)、字体、内容生成、网格、超链接、线框、列表、外边距、字幕、多列、内边距、页面媒体、定位、分页、Ruby、语音、表格、文本、2D/3D 转换、过渡、用户界面。
CSSCSS

阅读全文 >>

CSS 样式表

当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种，外部样式表（External style sheet）。内部样式表（Internal style sheet）。内联样式（Inline style）。当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。link 标签在（文档的）头部。
CSSCSS

阅读全文 >>

CSS 基础知识

通过使用 CSS 我们可以大大提升网页开发的工作效率！HTML 标签原本被设计为用于定义文档内容。样式表定义如何显示 HTML 元素，就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。
CSSCSS

阅读全文 >>

XHTML 基础知识

XHTML 是以 XML 格式编写的 HTML。XHTML 指的是可扩展超文本标记语言。XHTML 与 HTML 4.01 几乎是相同的。XHTML 是更严格更纯净的 HTML 版本。XHTML 是 2001 年 1 月发布的 W3C 推荐标准。XHTML 得到所有主流浏览器的支持。
HTMLXHTML

阅读全文 >>

HTML DOM

DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 以树结构表达 HTML 文档。DOM 把所有的 HTML 都转换为节点。JavaScript 是解释语言，是顺序执行的，对节点的获取要放在 HTML 标签加载后。
HTMLHTML

阅读全文 >>

HTML WebSocket

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。HTML5 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
HTMLHTML

阅读全文 >>

HTML SSE 服务器发送事件

HTML5 服务器发送事件（Server-Sent Event）允许网页获得来自服务器的更新。Server-Sent 事件指的是网页自动获取来自服务器的更新，单向消息传递。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子 Facebook/Twitter 更新、股价更新、新的博文、赛事结果等。
HTMLHTML

阅读全文 >>

HTML Web Worker 多线程

当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。Web Worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 Web Worker 在后台运行。在使用 Web Worker 之前，需检测用户的浏览器是否支持它。
HTMLHTML

阅读全文 >>