言

在之前的文章中有讲解过，如何通过CSS代码实现类似于杯子和心形的图案，今天这篇文章我们继续来看看两个复杂的图案。

文章中的代码已经放到github上了，感兴趣的同学可以自取。

https://github.com/zhouxiongking/article-pages/blob/master/articles/border/complexFigure2.html

CSS3

相机

首先我们来看看相机的实现效果。

效果图

然后我们再一步步分析如何实现这个效果。

同样我们需要对整个图案进行拆分，主要分为三个部分。

• 相机的主体部分，背景色为黑色。

• 右上角的白色背景小方框。

• 中间的几个黑白相间的圆环。

相机主体

相机主体部分就是一个div，完全通过border属性设置，因此需要保证其width: 0。

由于主体部分需要呈现为长方形，所以border的左右两个方向要比上下两个方向值大，border在不设置颜色的情况下默认为黑色。

最后设置border-radius值，让其四个角呈现为圆角。

最终得到的相机主体部分CSS属性如下。

相机主体CSS属性

右上角长方形

相机的右上角有个小的长方形，我们通过:after伪元素实现。

• 将其位置设置为绝对定位position: absolute。

• 设置top和left两个方向的偏移量。

• 设置一个宽度但是高度值为0，通过border-top让其显示为一个长方形，border的颜色设置为白色。

• 伪元素的content: ''

通过以上的分析我们得到以下的CSS代码。

右上角CSS代码

中间的圆环

大家都很容易想到中间的圆环肯定是通过伪元素:before来实现了。

• 将其位置定义为绝对定位position: absolute。

• 设置top和left两个方向的偏移量。

• 由于这里有圆环，我们设置其内容的高度和宽度。

• 因为是圆形，border-radius设置为50%

• 设置border值，使其背景色为白色。

通过以上的分析我们得到如下的CSS代码。

CSS代码

运行上述的代码后我们却发现得到的图案是这样的。

运行后的图案

是不是觉得少了点什么？

对，中间的圆形少了一个环，那么我们该怎么补充上这个环呢？

这里我们可以使用神奇的box-shadow属性。

box-shadow属性主要是用来给元素周围添加阴影效果的，它的基本用法大家可以看看CSS3的文档。

box-shadow接收的第三个参数表示的是阴影模糊的半径，如果其值为0，则表示不具有模糊效果，本例子中因为要在圆形外面再增加一个圆形图案，就需要将其值设置为0。

还有很重要的一点就是：可以给box-shadow设置多组值，任意一个相同的属性，后面定义的值都会兼容前面的值，并不会覆盖掉。

所以同心圆就只需要将box-shadow设置为两组值即可，外层与内层颜色不同。

最终得到的中间圆环CSS属性如下所示。

CSS代码

运行上述代码后就可以得到文字一开始的相机图案了。

月亮

接下来我们再看一个通过box-shadow可以很容实现的月亮图案。

月亮图案

乍一看这个图案没有那么容易实现，其实熟悉border-radius和box-shadow属性的同学可以很容易想到，这个图案实现的核心就是利用box-shadow设置右侧阴影。

然后设置rotate值使其旋转一定的角度。

通过以上的分析可以得到以下的代码。

月亮的CSS代码

运行上述代码即可得到月亮图案。

结束语

今天这篇文章通过CSS属性实现了相机和月亮两个图案，再结合前几篇文章中实现的杯子和心形图案，相信大家对CSS的神奇之处有所折服吧。

大家也赶紧动手自己实现一些常用的图案吧。

论您是CSS的新手还是经验丰富的老手，了解和理解box模型都很重要。让我们更好地了解它。

每个初学者都应该从基础开始。以CSS为例，基础是学习Box模型。在继续学习其他CSS概念之前，您应该首先掌握它!

盒子（Box）模型是CSS的基本元素。

它确实会让初学者感到困惑，所以现在是时候纠正错误了。在这里，您将了解box模型的所有基本元素以及它们是如何使用的。

在深入研究之前，每个人都需要了解web设计中的每个元素都是一个矩形框。您可能已经听过很多次了，但是这是每个开发人员都应该注意的一个重要概念。

现在，让我们来解释一下神秘的盒子模型!

盒子模型结构

如上所述，box模型的结构包括：

Content (height and width).

Padding.

Border.

Margin.

这些是浏览器呈现框模型所需的所有元素。值得庆幸的是，有了CSS，我们可以单独地控制它们。让我们来看看。

在本文中，我们将使用以下代码并逐渐添加到其中。

HTML

<div class="box">Lorem ipsum dolor amet whatever woke cronut, 
farm-to-table church-key tousled edison bulb. </div>

CSS

.box {
 background-color: hotpink;
 color: #fff;
}

The Content

Content非常清晰。它是具有特定宽度和高度的元素的内容。可以使用CSS属性的高度和宽度设置固定的高度和宽度，也可以由内容本身决定。

现在，有一件事让人有点困惑，那就是使用内联或块级元素。

使用内联和块级元素（Using Inline and Block Level Elements

）

为了刷新您的内存，内联元素和块元素之间的区别在于块元素占用了容器宽度的100%，而内联元素只占用了内容需要的空间量。

在使用内联元素时，不可能为该元素设置固定的宽度或高度，因为元素没有预先确定的宽度和高度(因为宽度和高度由内容决定)。这可以通过将元素转换为块元素来克服。

与内联元素不同，使用块级元素时，可以轻松地为其设置固定的宽度或高度。由于在默认情况下，块级元素占容器宽度的100%，我们可以通过设置一个固定的宽度轻松覆盖它。

您还可以将元素转换为inline-block。当使用inline-block时，元素具有内联元素的行为(只占用内容的空间)，但是您可以像使用块元素那样操作它。

现在，当我们有一个块级元素时，我们可以给它一个宽度和高度。

CSS

.box {
 height: 200px;
 width: 200px;
 background-color: hotpink;
 color: #fff;
}

结果如下图：

The Padding

接下来，我们将在我们的框中添加一些填充。

padding定义了内容和框的边缘之间的空间。

让我们看看它在我们的例子中的作用

CSS

.box {
 height: 200px;
 width: 200px;
 background-color: hotpink;
 color: #fff;
 padding: 10px;
}

结果如图:

在图像中，我们看到padding如何影响框的整体外观。框的内容和四边都有10px的空间。我们也可以向四面八方单独添加padding,使用padding-top padding-bottom,padding-left padding-right。

The Border

因为我们是从内到外，下一步就是定义border。border围绕着内容，您不必使用它，但它仍然存在。这意味着border的宽度为0。

现在我们添加一个边框。

CSS

.box {
 height: 200px;
 width: 200px;
 background-color: hotpink;
 color: #fff;
 padding: 10px;
 border: solid 3px black;
}

The Margin

框模型的最后一个方面是margin。正如你们所知道的，margin是border外的空间。它是元素之间的空间。

在实际示例中演示这一点的最佳方式是向您展示两个元素是如何放置的，以及如何使用和不使用margin边距。

HTML

<div class=”box”></div>
<div class=”box”></div>

CSS

.box {
 height: 200px;
 width: 200px;
 background-color: hotpink;
 color: #fff;
 padding: 10px;
 border: solid 3px black;
 margin: 0
}

在这个例子中，我们看到，没有边距，两个元素是如何结合在一起的，它们之间没有空间。

现在，添加margin

CSS

.box {
 margin: 20px;
}

现在,这看起来更好。我们在Box之间增加了一些空间。我们还可以使用margin - top、margin - bottom、margin - left或margin - right来单独添加元素的每一侧上的空间。

总结

恭喜，你终于完成了这篇文章!那么，我们学到了什么?

网页上的每个元素基本上都是一个框。

box模型的方面是content, padding, border, and margin.。

使用内联元素时，不能为该元素设置固定的宽度或高度，而使用块和内联块元素则可以。

希望这能帮助你学到一些新的东西或者刷新你的记忆。

3C词汇和术语表

• A •

• B •

• C •

• D •

• E •

• F •

• G •

• H •

• I •

• J •

• K •

• L •

• M •

• N •

• O •

• P •

• Q •

• R •

• S •

• T •

• U •

• V •

• W •

• X •

• Y •

• Z •

以A字母开头的词汇

英文	中文
abstract module	抽象模组
access	访问、存取
access control	存取控制
access control information	存取控制资讯
access mechanism	存取机制
access rights	存取权限
accessibility	无障碍性
accessibility information	无障碍网页资讯
accessibility problem	无障碍网页问题
accessible	无障碍的
accessible authoring practice	无障碍创作实践
acquired infoset	获取资讯集
ACSS (Audio cascading style sheets)	ACSS (音频阶层样式表)
activate	启用
active grammar	正在使用的文法
active perceivable unit	使用中的可视单元
activity	活动
actor	角色
adaptation	适应、调节
adaptation preferences	适配偏好设定
additional characters	附加字元
advisory board	谘询常委会
advisory committee	谘询委员会
age	寿命
agent	代理
aggregated authored units	集成创作单元
aggregation	集成
alert	警告 (信号)
alpha	alpha
alpha compaction	alpha 压缩、透明度
alpha separation	alpha 分色
alpha table	alpha 表
alternative information	替代资讯
amaya	amaya
ancestor	祖先、前辈结点
anchor	锚点
ancillary chunk	辅助数据块/区块
animation	动画
annotation	注释
anonymity	匿名性
antecedent	前提
apache	apache
applet	applet (应用小程序)
application	应用程式、应用
application personalization	应用程式个性化
application programming interface (API), conventional input/output/device API	应用程式编程界面 (API)，通用输入/输出/设备 API
arc	弧
architecture	架构
argument	参数
artifact	物件
ASCII art	ASCII 艺术
ASR	自动语音识别
assertion	断言
assistive technology	辅助技术
asynchronous	非同步的
asynchronous exchange	非同步交换
at user option	用户可选择的
atomic	原子的
atomic test	原子性测试
attribute	属性
attribute name	属性名称
attribute specifications	属性规范
attribute value	属性值
attribute, or CC/PP attribute	CC/PP 属性
attribute-list declarations	属性列表宣告
audio	音频、音讯
audio description	音频描述
audio track	音轨
audio-only presentation	纯音频演示
audit guard	稽核防护机制
auditory description	听觉描述
authentication	身份验证
author	作者
author styles	作者样式
authored unit	创作单元
authoring	创作
authoring tool	创作工具
authorization	授权
axis	座标轴

以B字母开头的词汇

英文	中文
back link	返回连结/链结
background image interference	背景图像干扰
backward compatible	向下兼容
base text	基础文本
baseline	基线
basic readability	基本可读性
binding	绑定、繫结
binding expression	绑定表达式
bit depth	色彩深度
black box	黑框
bopomofo	注音符号
bot	自动代理程序
bounding box	边界框、区域框
box	框
braille	点字
bridge	桥接器
browser	浏览器
button	按钮
byte	位元组
byte order	位元组顺序

以C字母开头的词汇

英文	中文
cache	快取
cacheable	可快取的
Candidate Recommendation (CR)	候选推荐标准 (CR)
capability	性能
captions	字幕
card	卡、卡片
cascading style sheets (CSS)	阶层样式表 (CSS)
catch element	catch 元素
CC/PP processor	CC/PP 处理器
CC/PP repository	CC/PP 资料储存库
CDATa sections	CDATa 区段
CERN	欧洲粒子物理研究所
certification	认证、凭证
chair	主持、(小组的) 主席
chairman	主席
channel	通道
character	字元
character data	字元资料
character data (CDATa )	字元资料 (CDATa )
character encoding	字元编码
character or expression depth	字元或表达式深度
character or expression height	字元或表达式高度
character or expression width	字元或表达式宽度
character reference	字元参考
check for	检查
child	子 (元素)
child	子 (节点)
choice	选择
choreography	(Webservice) 编排
chromaticity (CIE)	色度 (CIE)
chunk	数据块、区块
class	类别
class definition	类别定义
class description	类别描述
class name	类别名称
class of products	产品类别
click-stream	点击流、点选串流
client	客户端
collapse	折迭
collated text transcript	按序文字记录、逐字稿
colour type	色彩类型、颜色类型
comm	传讯、通讯
comments	注释、注解
complete	完备的
complex ruby markup	複杂旁注标记
compliance	一致性
component	组件
composite (verb)	组合、複合
computed expression	计算所得的表达式
concept	概念
condition	条件
conditional content	条件内容
conditional sections	条件区段
confidentiality	机密性
confidentiality	机密性、保密性
configuration	配置
configure, control	配置，控制
conformance	一致性
conformance clause	一致性条款
conformance level	一致性级别
conformance testing	一致性测试
conforming document	一致性文件
connection	(网络) 连接
consequent	结论、结果
consistent	一致的
constraint	限制
contained (element a is contained in B)	包含于 (元素A包含于元素B)
container (Constructor)	容器 (构造器)
containing document	容器文件
content	内容
content developer	内容开发者
content elements	内容元素
content generation	内容生成
content model	内容模型
content negotiation	内容协商
content provider	内容供应商
content selection	内容选择
content set	内容集
content token element	内容记号元素
context (of a given mathML expression)	(给定 mathML 表达式的) 上下文、取义
context node	上下文节点、取义节点
context position	上下文位置、取义位置
context size	上下文大小、取义大小
contradictory behaviors	矛盾行为
control	控制
control item	控制项目
convenience	便利
conversation	会话
conversion tool	转换工具
COO	首席营运总监、首席营运长
cookie	cookie
correct	正确的
credentials	凭证、凭据
critical chunk	关键数据块/区块
CSS (Cascading style sheets)	CSS (阶层样式表)
CSS W3C cascading style sheet specification	CSS W3C 阶层样式表规范
cyberspace	网络空间、网际空间
cyc	cyc (知识表示项目)

以D字母开头的词汇

英文	中文
daemon	独立后台程序
data category	资料类型
data element	资料元素
data model	资料模型
data resource	资料资源
data schema	资料纲目
data set	资料集
data structure	资料结构
data -valued property	资料类型属性
database	资料库
datastream	资料流
datatype	资料类型
datatype property	资料类型属性
date space	纲站编年区
decideable	可判定的
declaration	宣告
declared	已宣告的
decomposition	分解
deepest	最深的
default	预设
default namespace	预设命名空间
deferred request authentication	推迟请求验证
defining required attributes	定义必要属性
defining the type of attribute values	定义属性值类型
deflate	deflate (一种压缩演算法)
delivered image	传送完成的图像
delivery context	传送上下文、传送取义
delivery policy	传送政策
delivery unit	传送单位
deprecated	弃用
deprecated feature	已弃用的功能
depth	深度
dereference a URI	重新访问 URI
descendant	子节点
descendants	子节点
device	设备
device independent	与设备无关的
device-independence	设备无关
dialog	对话
digital rights management	数码/数位版权管理
digital signature	数码签署、数位签章
dimensions of variability (DoV)	变异维 (DoV)
direct sub-expression (of a mathML expression of)	(mathML 表达式的) 直接子表达式
directly contained (element a in B)	(a ) 直接包含于 (B)
director	领导人、总监
discovery	探索
discovery service	探索服务
discretionary choices	任意选择
discretionary item	任意项目
document	文件
document character set	文件字元集
document content, structure, and presentation	文件内容，结构，表达
document entity	文件实体
document language	文件语言
document model	文件模型
document object model	文件物件模型
document object, document	文件物件，文件
document order	文件顺序
document profile	文件设置文件
document source, text source	文件来源，文本来源
document style semantics and specification language (DSSSL)	文件样式语义和规范语言 (DSSSL)
document tree	文件树
document type	文件类型
document type declaration	文件类型宣告
document type definition (DTD)	文件类型定义 (DTD)
documentation	参考文件
DOM (Document object model)	DOM (文件物件模型)
DOM (Document object model, see http://www.w3.org/DOM/)	DOM (文件物件模型)
DOM level 0	DOM level 0
domain	网域
domain name	网域名称
driver	驱动程式
DTD	DTD
DTD	文档类型定义 (DTD)
DTD-determined ID	DTD 确定 ID
DTMF (Dual tone multi-Frequency)	DTMF (双音多频)
dublin core	都柏林核心
dynamic content	动态内容
dynamic HTML (DHTML)	动态 HTML (DHTML)

以E字母开头的词汇

英文	中文
early normalization	提早规范化
ease of parsing and serializing:	剖析和序列化的简化
EBT (Electronic book technology)	电子图书技术
eCMAScript	eCMAScript
EDI (Electronic data interchange)	EDI (电子资料交换)
editing view	编辑阅览
electronic data interchange (EDI)	电子资料交换 (EDI)
element	元素
element content	元素内容
element name	元素名称
element type	元素类型
element type declaration	元素类型宣告
element, element type	元素，元素类型
elements	元素
embed	嵌入
embedded object	嵌入式物件
Embedded Web request	嵌入式 Web 请求
embellished operator	修饰操作符
empty	空
empty-element tag	空元素标籤
enabled element, disabled element	启用的元素，停用的元素
encryption	加密
end point	终点
end-tag	结束标籤
ending resource	结束资源
enquire	enquire (程式名)
entail	推导
entities	实体
entity	实体
entity reference	实体参考
enumerated attributes	枚举属性、列举属性
episode	情节
equable practice	等同的实践
equivalent	等价的
equivalent (for content)	(内容上) 等价
error	错误
error correction	错误修正
error recovery	错误修复
escape	转义
event	事件
events and scripting, event handler, event type	事件和脚本，事件处理器，事件类型
executable content	可执行内容
expanded name	扩展/扩充名称
expanded-name	扩展/扩充名称
explicit expiration time	显式过期时间
explicit user request	显式用户请求
Explicit Web request	显式 Web 请求
explicitly undefined behaviors	显式未定义行为
extended language	扩展语言
extended link	扩展连结/链结
extended links	扩展连结/链结
extending pre-defined elements	扩展预定义元素
extensible	可扩展的
extensible markup language (XML)	可扩展标记语言 (XML)
extensible style language (XSL)	可扩展样式语言 (XSL)
extension	扩充
extensional	外延的
external	外部的
external entity	外部实体
external markup declaration	外部标记宣告
externally-determined ID	外部可确定 ID

以F字母开头的词汇

英文	中文
facet	分面
facilities	设施
fatal error	致命错误
feature	特性、特徵、功能
fellow	研究员
fences	括号
FIa (Form interpretation algorithm)	FIa (表格解释演算法)
filter	过滤器
filtering	过滤
first node rule	首节点规则
first-hand	第一手的
flexible authoring	灵活创作
focus of attention	关注焦点
focus, content focus, user interface focus, current focus	焦点，内容焦点，用户界面焦点，目前焦点
following element	后继元素
font	字体
for compatibility	为了兼容性
for interoperability	为了互用性
form	表格
form control	表格控制
form item	表格项目
form item variable	表单项目变量
formal	正规
fragment identifier	碎片识别符
fragmentation	碎片
frame buffer	框缓冲区
fresh	未过期的
freshness lifetime	有效期
FTF	面对面
functional adaptation	功能适配
functional user experience	功能用户体验

以G字母开头的词汇

英文	中文
gamma	gamma
gateway	闸口
general entities	通用实体
generic identifier	通用识别符
GIF (Graphics interchange format)	GIF (图形交换格式)
GILC (Global internet liberty campaign)	GILC (全球互联网自由化运动)
glossary of terms for device independence	设备无关的术语表
glyph	字形
good practice	优秀实践
graphical	图形的
graphics	图形
greyscale	灰度、灰阶
group ruby	组旁注

以H字母开头的词汇

英文	中文
harmonized adaptation	协调适应
harmonized user experience	协调用户体验
height	高度
heuristic expiration time	启发式过期时间
highlight	突显
hint	提示
hiragana	平假名
host	主机
host	主办者
host language	主语言
host page	主网页、主页
HTML	HTML
HTML (Hypertext markup language)	HTML (超文本标记语言)
HTTP (Hypertext transfer protocol)	HTTP (超文本传输协议)
HTTP client	HTTP 客户端
HTTP gateway	HTTP 闸口
HTTP payload entity	HTTP 负载实体
HTTP proxy	HTTP 代理
HTTP representation	HTTP 表示
HTTP request	HTTP 请求
HTTP response	HTTP 回应
HTTP server	HTTP 伺服器
hybrid document	溷合文件
hyperlink	超连结/链结
hypermedia	超媒体
hypertext	超文本

以I字母开头的词汇

英文	中文
idempotent	恒等
identical	等同的
identified data	被识别的资料
identifier	识别符
ideograph	表意文字 (如方块字)
iff	当且仅当、若且唯若
image	图像、图形
image data	图像资料
image map	图像地图
implementation	实现、实作
implementation conformance statement (ICS)	实现一致性声明 (ICS)
implementation platform	实现平台
Implicit Web request	隐式 Web 请求
important	重要的
imports closure	汇入闭包
inbound	流入
inbound/outbound	流入/流出
include location	包含位置
include parent	包含父(项目)
included	包含的
included items	包含的项目
inclusion target	包含目标
inconsistent	不一致的
independent web	独立网页
index	索引
indexed-colour	索引色
indexical	索引的
indexing	索引
indirectly contained	间接包含
individual	个体
individual-valued property	个体价值属性
infer	推理
inform	通知
information resource	资讯资源
information set	资讯集
information space	资讯空间
informative	参考性的
informative text	参考文本
initial SOAP sender	初始 SOAP 发送者
input configuration	输入配置
input item	输入项目
input modalities	输入模态
INRIa (Institut national de recherche en infomatique et automatique)	INRIa (法国国家信息与自动化研究所)
instance	实例
instance data	实例资料
instance data node	实例资料节点
instance of	(类别的) 实例
instance of mathML	mathML 的实例
instantiate	示例
integrity	完整性
intensional	内涵的
interaction	交互、互动
interactive element, non-interactive element	交互式的元素，非交互式的元素
interlaced PNG image	交错的 PNG 图像
internal	内部的
internal entity	内部实体
internationalized resource identifier	国际化资源识别符
internet	互联网、网际网络
interoperability	互用性
interpretation	解释、理解
intranet	内联网
intrinsic dimensions	固有维度
inverse function	反函数
IP (Internet protocol)	IP (互联网协议)
IPR (Intellectual property rights)	IPR (知识产权)
IRC	IRC (互联网中继聊天)
IRI reference	IRI 参考
ISO (International standards organization)	ISO (国际标准化组织)
ISP (Internet service provider)	ISP (互联网服务供应商)

以J字母开头的词汇

英文	中文
java	java (程式语言)
jigsaw	jigsaw (伺服器)
JPEG (Joint photographic experts group)	JPEG (联合图像专家组): 一种图像编码格式
JSGF	JSGF (Java API 语音语法格式)

以K字母开头的词汇

英文	中文
kana	<日> 假名
kanji	<日> 日本汉字
katakana	<日> (日本字母) 片假名
keio university	庆应大学 (日本)
key	键、密钥、关键
key binding	密钥绑定
key location	密钥定位
key management	密钥管理
key name	密钥名称
key validation	密钥验证

以L字母开头的词汇

英文	中文
lambda expression	Lambda 表达式
language binding	语言绑定
language identifier	语言识别符
late normalization	推迟规范化
layout schema (plural: schemata )	佈局纲目
LCS (Laboratory for computer science)	LCS (计算机科学实验室)
LEAD (Live early adoption and demonstration)	LEAD (早期採用及示范政策)
level	级、层
lexical space	词法空间
libwww	libwww (WWW相关程序模块库)
line-mode	(命令) 行模式
line-mode browser	(命令) 行模式浏览器
linearized table	线性化表格
link	连结/链结
link text	连结/链结描述文字
linkbases	连结/链结库
linking element	连结/链结元素
list	列表
literal	字面
literal entity value	字面实体值
live	使用中的
local name	本地名称
local part	本地部分
local resource	本地资源
logic	逻辑
longfellow	longfellow (W3C 电话会议的 24 线连接器)
loose coupling	鬆散耦合
lossless compression	无损压缩
lossy compression	有损压缩
luminance	亮度
LZ77	LZ77 (数据压缩算法)

以M字母开头的词汇

英文	中文
machine understandable	机器可理解的
manageable service	可管理的服务
management	管理
management capability	管理能力
management interface	管理界面
management policy	管理政策
management semantics	管理中的语义
Manifestation	表徵
MARC record	MARC 记录 (机读目录记录)
markup	标记
markup declaration	标记宣告
markup language	标记语言
markup model	标记模型
match	匹配
mathematical markup language (MathML)	数学标记语言 (MathML)
mathML element	mathML 元素
mathML expression (within some valid mathML	mathML 表达式
may	可以
media type	媒体类型
member	会员
menu	选单
message	讯息
message correlation	讯息相关性
message exchange pattern (MEP)	讯息交换模式 (MEP)
message receiver	讯息接收者
message reliability	讯息可靠性
message sender	讯息发送方
message transport	讯息传输
meta -	元的 (前缀、表示一个事物应用于其自身)
metadata	元数据
metaphysical	形而上的
micropayments	微支付、小额付款
minimal constraint, principle of	最小约束原理
MIT (Massachusetts institute of technology)	MIT (麻省理工学院)
mixed content	溷合内容
mixed initiative	溷合式驱动
modality	模态
model binding expression	模型绑定表达式
model item	模型项目
model item property	模型项目属性
model theory	模型论
modularization	模块化
modularization model	模块化模型
module	模组
monoruby	单一旁注
monotonic	单调的
mosaic	mosaic (最早出现在 Internet 上的 Web 浏览器)
multi-purpose internet mail extensions (MIME)	多用途互联网邮件扩充 (MIME)
multiple authoring	多元化创作
must	必须
mystic	mystic (W3C 电话会议的 6 线连接器)

以N字母开头的词汇

英文	中文
name	名称、名字
named class	具名类别
namespace	命名空间
namespace document	名命空间文件
namespace name	命名空间名称
namespace prefix	命名空间前缀
namespace-valid	命名空间有效的
namespace-validating	命名空间验证
namespace-well-formed	命名空间良构的
natural language	自然语言
navigation	导览
navigation bars	导览栏
navigation mechanism	导览机制
NCSa (National center for supercomputing applications)	NCSa (美国国家超级应用计算中心)
negotiate content	协商内容
negotiation metadata	协商元数据
nelson, ted	nelson, ted
net	互联网 (Internet)
network byte order	网络位元组顺序
new	新的
neXT	neXT (公司名称)
NNTP (Network news transfer protocol)	NNTP (网络新闻传输协议)
node	节点
non-repudiation	不可否认性
non-variant content	无差异内容
none	无
nonmonotonic	非单调的
normative	规范性的
normative text	规范文本
normative, informative	规范性的，参考性的
notation declarations	符号宣告
notations	符号、记法
note	笔记

以O字母开头的词汇

英文	中文
object	物件
object property	物件属性
obligation	义务
obsolete feature	已淘汰的功能
occurs as attribute value	作为属性值出现
office	办事处
onLoad	onLoad
onRequest	onRequest
ontological	本体论的
ontology	本体论、本体
ontology document	本体文件
open source	开放源码
openMath	openMatch
operating environment	操作环境
operation	操作
operator, an mo element	操作符，一个 mo 元素
operator, content element	操作符 -> 操作符，内容元素
optional	可选择的
optional behaviors	可选择行为
optional features	可选择功能
orchestration	编排
origin server	源始伺服器
other	其他
otherwise	否则
outbound	流出
output modalities	输出模态
override	重载、改写
OWL class	OWL 类别
OWL Web Ontology Language Guide	OWL 网络本体语言指南

以P字母开头的词汇

英文	中文
packet	包、封包
page view	页面阅览
palette	调色板
parameter entities	参数实体
parameter entity	参数实体
parameter-entity references	参数实体参考
parent	父 (节点)
parent document type	父文件类型
parsed character data (PCDATa )	已剖析字元资料 (PCDATa )
parsed entity	已剖析实体
parsed entity's	已剖析实体的
parsing	解析
partial understanding	部分理解
partially selected	部份选择
participate	参与
pass extraction	阶段撷取
pass phrase key	通行密钥
path	路径
payload security	负载安全
perceivable unit	可感知单元
permission	许可
permission guard	许可保护机制
person or organization	个人或组织
personal digital assistant (PDa )	掌上电脑、电子手掌 (PDa )
PGP (Pretty good privacy)	PGP
physical transducer	物理的转换器
PICS (Platform form	PICS
pixel	像素
PKC (public key cryptography)	PKC (公钥密码学)
PKI (Public key infrastructure)	PKI (公钥基础建设)
placeholder	占位
plug-in	外挂
PNG (Portable network graphics)	PNG (可携式网络图形格式)
PNG datastream	PNG 资料流
PNG decoder	PNG 解码器
PNG editor	PNG 编辑器
PNG encoder	PNG 编码器
PNG file	PNG 档桉
PNG four-byte signed integer	PNG 四位元组符号整数
PNG four-byte unsigned integer	PNG 四位元组无符号整数
PNG image	PNG 图像
PNG signature	PNG 签署/签章
point	点
point of regard	注视点
pointer	指标
pointer part	指标部分
policy	政策
policy guard	政策保护机制
practice	实践
pre-defined function	预定义函数
preceding element	前序元素
preference	偏好设定
presentation elements	表达元素
presentation layout schema	表达佈局纲目
presentation markup	表达标记
presentation token element	表达标记元素
preserve	保持
principal	主实体
principal node type	首要节点类型
principle	原理
priority 1 (P1)	第 1 优先 (P1)
priority 2 (P2)	第 2 优先 (P2)
priority 3 (P3)	第 3 优先 (P3)
privacy	私隐
privacy policy	私隐政策
process	进程、处理
processing instructions	数据处理指令
profile	设置文件
profiling	设置文件
prompt	提示、提示输入
proof of possession (POP)	证明所有权 (POP)
properties, values, and defaults	属性，值和预设
property	属性
property definition	属性定义
Proposed Edited Recommendation	已修正的提议推荐标准
Proposed Recommendation (PR)	提议推荐标准 (PR)
proposition	命题
protection	保护
protocol	协议、协定
provider agent	供应商代理
provider entity	供应商实体
proximity position	近似位置
proxy	代理、代理伺服器
public identifier	公共识别符
publish	发表、发佈
publisher	发佈者
purpose	目的、意图

以Q字母开头的词汇

英文	中文
qualified name	限定名称
qualified names	限定名称
qualifier	限定符
quality assurance, Qa	品质保証
quality of service	服务品质、QoS

以R字母开头的词汇

英文	中文
RDF (Resource description framework)	RDF (资源描述架构)
RDF resource	RDF 资源
reader	读者
reading	读音、读法
REC	REC
receiver	接收者
recognize	识别
recommendation	推荐、推荐标准
reduced image	简化过的图像
reference architecture	参考架构
reference image	参考图像
reference in attribute value	属性值参考
reference in content	内容参考
reference in DTD	DTD 参考
reference in entity value	实体值参考
registry	注册、登记
reify	具体化
relation	关係
remote resource	远端资源
render	渲染、显示
rendered content	渲染过/显示的内容
rendered content, rendered text	渲染过/显示的内容，文字
rendering	渲染、显示
rendering preferences	渲染/显示的偏好设定
repair content, repair text	修复内容
replace	替换
replaced element	被替换的元素
replacement text	替换文字
repository	资料库、档桉库
representation	表示
request	请求、要求
requester agent	请求方代理
requester entity	请求方实体
Rescinded Recommendation	作废的推荐标准
reserved	保留的
resource	资源
resource error	资源错误
resource manifestation	资源表徵
response	响应、回应
restriction	约束
restriction, global	全域约束
restriction, local	本地约束
result infoset	结果资讯集
results verification	结果确认
reverse document order	文件逆序
RFC (Request for comments)	RFC (徵求意见)
RGB merging	RGB 合併
root	根
RPC (remote procedure call)	RPC (远端程序调用)
RSa	RSa (加密算法)
ruby text	旁注文字

以S字母开头的词汇

英文	中文
safe	安全的
safe interaction	安全交户
safe zone	安全区域
sample	样本
sample depth	採样深度
sample depth scaling	採样深度映射
satisfy	满足
scanline	扫描线
schema	纲目
schema (pl., schemata )	纲目
schema constraint	纲目约束
schema representation constraint	纲目表示约束
schema , RDF schema	纲目，RDF 纲目
schema -determined ID	由纲目决定的标识
scheme	scheme
scope of a declaration	宣告有效范围
screen magnifier	屏幕/萤幕放大器
screen reader	读屏器
scribe	会议记录员
script	脚本语言、脚本
secondary resource	次要资源
security	安全
security administration	安全管理
security architecture	安全架构
security auditing	安全审核
security domain	安全网域
security mechanism	安全机制
security model	安全模型
security policy	安全政策
security policy expression	安全政策表达式
security service	安全服务
selected	选择的
selected sub-expression (of an maction element)	(maction 元素中的) 被选子表达式
selection, current selection	选择，目前选择
semantic	语义的
semantic requirement	语义需求 (同"测试断言")
semantic web	语义网
semantically transparent	语义透明的
sender	发送者
separation of form from content	内容形式相分离
serial access, sequential navigation	循序访问，顺序导览
server	伺服器、伺务器端程式
server session	伺服器 session
service	服务
service description	服务描述
service interface	服务界面
service intermediary	服务中介
service provider	服务供应商
service provider (Data controller, legal entity)	服务供应商 (资料管理员，法人实体)
service requester	服务请求者
service role	服务角色
service semantics	服务语义
service-oriented architecture	导向服务架构
session	session
set	集
SGML (Standard generalized markup language)	SGML (标准通用标记语言)
shall	必须
should	应该
sibling	兄弟
simple link	简单连结/链结
simple links	简单连结/链结
simple ruby markup	简单旁注标记
single authoring	单一创作
site maps	网站地图
size and color of non-text content	非文本内容的大小和颜色
SMIL (Synchronized multimedia integration language)	SMIL (同步多媒体集成语言)
SOAP	简单对象访问协议
SOAP application	SOAP 应用软件
SOAP binding	SOAP 绑定
SOAP body	SOAP 主体
SOAP envelope	SOAP 信封
SOAP fault	SOAP 错误
SOAP feature	SOAP 功能
SOAP header	SOAP 标头
SOAP header block	SOAP 标头块
SOAP intermediary	SOAP 中介
SOAP message	SOAP 讯息
SOAP message exchange pattern (MEP)	SOAP 讯息交换模式 (MEP)
SOAP message path	SOAP 讯息路径
SOAP module	SOAP 模组
SOAP node	SOAP 节点
SOAP receiver	SOAP 接收者
SOAP role	SOAP 角色
SOAP sender	SOAP 发送者
sophia	sophia (地名: Sophia -Antipolis)
source document	来源文件
source image	来源图像
source infoset	来源资讯集
space-like (MathML expression)	类空 (MathML 表达式)
specification	规范
speech	语音
speech synthesis	语音合成
SRGS (Speech recognition grammar specification)	SRGS (语音识别语法规范)
SSML (Speech synthesis markup language)	SSML (语音合成标记语言)
stale	陈旧的、过时的
standard	标准
standard generalized markup language (SGML)	通用标记语言标准
start-tag	起始标籤
starting resource	起始资源
state	状态
statement	声明
strict conformance	严格一致
string identity matching	字元串匹配
string indexing	字元串索引
string-value	字元串值
structural markup	结构化标记
style sheet	样式表
style sheets	样式表
sub-expression (of a mathML expression)	(mathML 表达式的) 子表达式
subdialog	子对话
submission	提交的文档
subset language	子集语言
subsite	子站
suggested rendering rules for mathML presentation elements	推荐的 mathML 表达元素渲染/显示规则
supersite	父站
support, implement, conform	支持，实现，符合
supported	支持、支援
SVG (Scalable vector graphics)	SVG (可缩放向量图形)
synchronize	同步
synchronous	同步的
synthesis processor	合成处理器
system entity	系统实体
system identifier	系统识别符
sysWeb	sysWeb (W3C 系统网络组)

以T字母开头的词汇

英文	中文
tables of contents	目录
tabular information	表格式资讯
tag	标籤
TAG	技术架构组
tangle	tangle (程式名)
tapered prompts	渐缩式提示
TCP (Transmission control protocol)	TCP (传输控制协议)
team	团队
technical architecture group	技术架构组
technical report	技术报告
term taken verbatim from another source	自其他来源逐字沿用的词彙
test area	测试区
test assertion	测试断言
test case	测试桉例
test framework	测试框架
test purpose	测试目的
test requirement	测试需求、测试断言
test suite	测试集
testability	可测试性
TEX	TEX
text	文本
text content, non-text content	文本内容，非文本内容
text decoration	文本修饰
text transcript	文本抄本
text-To-Speech	文语转换
the empty string	空字元串
third-party	第三方
throw	抛出
time parameters	时间参数
TLS	传输层安全
tobin	tobin (人名: MauriceJ.Tobin)
token	标记
token element	标记元素
tokenized	标记化的
top-level element (of mathML)	(mathML 的) 最高层元素
top-level included items	最高层包含项目
topology	拓扑结构
tracing	跟踪
transaction	交易
transcript	抄本
transformation	转换、变换
traversal	遍历
triple	三元组
truecolour	全彩
trust service	信任服务
TTS	TTS (文语转换)
tunnel	通道
type	类型
typeface	字体

以U字母开头的词汇

英文	中文
UCS	通用字元集
UI or action binding expression	用户界面或动作绑定的表达式
ultimate SOAP receiver	最终 SOAP 接收者
unconditional conformance	无条件符合
uniform resource identifier	统一资源识别符
uniform resource identifier (URI)	统一资源识别符 (URI)
union	联合、合併
universe	全球的、通用的
unnamed class	未命名类别
unparsed entity	非剖析实体
unsafe interaction	不安全交互
unspecified	未指定的
upstream/downstream	上游/下游
URI	统一资源标识符
URI (Universal resource identifier)	URI (统一资源识别符)
URI aliases	URI 别名
URI collision	URI 冲突
URI ownership	URI 拥有权
URI persistence	URI 恆久性
URI reference	URI 参考
URIs	URIs
URL	统一资源定位器
URL (Uniform resource locator)	URL (统一资源定位器)
usage auditing	使用审核
usage scenario	使用场景
use	使用、採用
use case	用例
user	用户、使用者
user agent	用户代理，useragent
user agent (Ua )	用户代理，Ua
user agent default styles	用户代理预设样式
user agent profile	用户代理设置文件
user control of every user interface component	每个用户界面组建的用户控制
user experience	用户体验
user experience preferences	用户体验偏好设定
user interface, user interface control	用户界面，用户界面控制
user session	用户 session
user styles	用户样式
User-input Web request	用户输入式 Web 请求

以V字母开头的词汇

英文	中文
valid	有效的
valid mathML data	有效的 mathML 资料
valid style sheet	有效的样式表
validating processors	验证处理器
validation	验证
validation rule	验证规则
validation, validate, validating	验证，确认，校验
validator	验证器、校验器
validity constraint	有效性约束
value space	数值空间
variant	变体
variant content	可变内容
versioning	版本化
video	视频、视讯
view	阅览
view, viewport	阅览，阅览窗口
viola	viola 语言
virtual hypertext	虚拟超文本
visual track	视轨
visual-only presentation	纯视觉演示
visualText	可视化文本
vocabulary	词彙
voice	语音
voice browser	语音浏览器
voiceXML document	voiceXML 文件
voiceXML interpreter	voiceXML 解释/直译器
voiceXML interpreter context	voiceXML 解释/直译环境
VRML	虚拟现实建模语言
VRML (Virtual reality modeling language)	VRML (虚拟现实建模语言)

以W字母开头的词汇

英文	中文
W3C	W3C
W3C (World wide web consortium)	W3C (万维网联盟)
W3C recommendation	W3C 推荐标准
W3C Recommendation (REC)	W3C 推荐标准 (REC)
WAI (Web accessibility initiative)	WAI (无障碍网页倡议)
WAIS (Wide area information servers)	广域资讯服务系统
web	万维网
web agent	web 代理
web client	web 客户端
web collection	web 集合
web core	web 核心
web neighborhood	web 邻居
web page	网页
web page identifier	网页识别符
web periphery	web 外设
web request	web 请求
web request body	web 请求主体
web request header	web 请求标头
web resource	web 资源
web response	web 回应
web response body	web 回应主体
web response header	web 回应标头
web server	web 伺服器
web service	web 服务
web site	网站
web site publisher	网站发佈者
well-formed	良构的
well-formedness constraint	良构性约束
white point	白色点
width (of a box)	(文本或图形框的) 宽度
Working Draft (WD)	工作草桉
Working Group Note	工作组笔记
world	世界、领域
world wide web	万维网
worldWideWeb (one word; no spaces)	浏览器
WWW	WWW (万维网)

以X字母开头的词汇

英文	中文
X	X
xanadu	xanadu
xForms model	xForms 模型
xForms processor	xForms 处理器
XLL (eXtensible linking language)	XLL (可扩展连结/链结语言)
XML (Extensible markup language)	XML (可扩展标记语言)
XML declaration	XML 宣告
XML document	XML 文件
XML name	XML 名称
XML namespace	XML 命名空间
XML processor	XML 处理器
xML-based format	基于 XML 的格式
xPointer processor	xPointer 处理器
XSL (Extensible style sheet language)	XSL (可扩展样式表语言)
XSL formatting objects (XSL FO)	XSL 格式化物件 (XSL FO)
XSL transformation (XSLT)	XSL 转换语言 (XSLT)

以Z字母开头的词汇

英文	中文
zakim	zakim (W3C 视频会议)
zlib	zlib 压缩格式