最适合网络开发者的网站

CSS 参考

CSS 参考 CSS 浏览器支持 CSS 选择器 CSS 函数 CSS 参考 Aural CSS Web 安全字体 CSS 后备字体 CSS 动画 CSS 单位 CSS PX-EM 转换器 CSS 颜色 CSS 颜色值 CSS 默认值 CSS 实体

CSS 特性

强调色 对齐内容 对齐项目 对齐自身 全部 动画片 动画延迟 动画导演 动画持续时间 动画填充模式 动画迭代次数 动画名称 动画播放状态 动画计时功能 背景滤镜 背面可见性 背景 背景附件 背景混合模式 背景剪辑 背景颜色 背景图 背景原点 背景位置 背景重复 背景尺寸 边界 下边框 边框底部颜色 边框左下角半径 边框右下角半径 边框底部样式 边框底部宽度 边界折叠 边框颜色 边框图像 边框图像起始 边框图像重复 边框图像切片 边框图像源 边框图像宽度 左边框 左边框颜色 左边框样式 左边框宽度 边框半径 右边框 右边框颜色 右边框样式 右边框宽度 边框间距 边框样式 上边框 边框顶部颜色 边框左上角半径 边框右上半径 边框顶部样式 边框顶部宽度 边框宽度 底部 盒子装饰打破 盒子阴影 盒子大小 休息后 休息前 闯入 标题侧 插入符号颜色 @字符集 清除 夹子 剪辑路径 颜色 列数 列填充 柱间隙 列规则 列规则颜色 列规则样式 列规则宽度 列跨度 列宽 内容 反增 反复位 光标 方向 展示 空单元格 筛选 柔性 弹性基础 弹性方向 弹性流 弹性生长 弹性收缩 弹性包裹 漂浮 字体 @font-face 字体系列 字体功能设置 字体字距调整 字体大小 字体大小调整 字体拉伸 字体样式 字体变体 字体变体大写 字体粗细 差距 网格 网格区域 网格自动列 网格自动流 网格自动行 网格列 网格列末端 网格列间隙 网格列开始 网格间隙 网格行 网格行末端 网格行间隙 网格行开始 网格模板 网格模板区域 网格模板列 网格模板行 悬挂标点 高度 连字符 图像渲染 @进口 隔离 对齐内容 @keyframes 左边 字母间距 行高 列表样式 列表样式图像 列表样式位置 列表样式类型 利润 下边距 左边距 右边距 上边距 遮罩图像 掩码模式 掩码来源 掩膜位置 掩码重复 遮罩尺寸 最大高度 最大宽度 @媒体 最小高度 最小宽度 混合模式 对象适合 客体位置 不透明度 命令 孤儿 大纲 轮廓颜色 轮廓偏移 大纲样式 轮廓宽度 溢出 溢出包装 溢出-x 溢出 填充 内边距底部 左填充 右填充 顶部填充 分页符后 分页符之前 分页符内部 看法 视角起源 指针事件 位置 引号 调整大小 正确的 行距 滚动行为 制表符大小 表格布局 文本对齐 文本最后对齐 文字修饰 文字装饰颜色 文字修饰线 文字装饰风格 文字修饰粗细 文本缩进 文字对齐 文本溢出 文字阴影 文本转换 顶部 转换 变换原点 变换风格 过渡 转换延迟 过渡持续时间 过渡属性 转换时序函数 unicode-bidi 用户选择 垂直对齐 能见度 空白 寡妇 宽度 单词中断 字间距 自动换行 写作模式 z 索引


初学者的 CSS 课程

尿素

CSS 网络安全字体


适用于 HTML 和 CSS 的最佳 Web 安全字体

以下字体是适用于 HTML 和 CSS 的最佳网络安全字体:

  • Arial(无衬线)
  • Verdana(无衬线)
  • Helvetica (无衬线)
  • Tahoma(无衬线)
  • Trebuchet MS(无衬线)
  • Times New Roman(衬线)
  • 乔治亚(衬线)
  • Garamond(衬线)
  • Courier New(等宽)
  • Brush Script MT(草书)

笔记: 在发布网站之前,请务必检查字体在不同浏览器和设备上的显示情况,并始终使用后备字体!


Arial(无衬线)

Arial 是在线和印刷媒体中使用最广泛的字体。Arial 也是 Google Docs 中的默认字体。

Arial 是最安全的网络字体之一,适用于所有主流操作系统。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Verdana(无衬线)

Verdana 是一种非常流行的字体。即使字体较小,Verdana 也易于阅读。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Helvetica (无衬线)

Helvetica字体深受设计师的喜爱,适合多种类型的业务。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Tahoma(无衬线)

Tahoma 字体的字符之间间距较小。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Trebuchet MS(无衬线)

Trebuchet MS 由 Microsoft 于 1996 年设计。请谨慎使用此字体。并非所有移动操作系统都支持此字体。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Times New Roman(衬线)

Times New Roman 是世界上最知名的字体之一。它看起来很专业,被许多报纸和“新闻”网站使用。它也是 Windows 设备和应用程序的主要字体。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

乔治亚(衬线)

Georgia 是一款优雅的衬线字体。它在不同字体大小下都具有极佳的可读性,因此非常适合移动设备响应式设计。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Garamond(衬线)

Garamond 是许多印刷书籍使用的经典字体。它具有永恒的外观和良好的可读性。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Courier New(等宽)

Courier New 是最广泛使用的等宽衬线字体。Courier New 通常用于编码显示,许多电子邮件提供商都将其用作默认字体。Courier New 也是电影剧本的标准字体。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

Brush Script MT(草书)

Brush Script MT 字体旨在模仿手写体。它优雅精致,但可能难以阅读。请谨慎使用。

例子

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet。

0 1 2 3 4 5 6 7 8 9

亲自尝试 »

提示: 另请查看所有可用Google 字体 以及如何使用它们。