W3.CSS 版本

Material

W3.CSS Version 4

W3.CSS 第 4 版于 2017 年 3 月 24 日发布。

这里有一些设计亮点:

  • 速度是版本 3 的两倍
  • 重新设计以允许分离颜色库
  • 重新设计以支持更小、更快的移动版本

版本 4 可以从 W3.CSS 下载 下载。

版本 4 现在是 W3School 所有页面中使用的默认样式表。


W3.CSS - Pro

版本 4 附带专业版:w3pro.css

专业版更小更快,因为它没有定义颜色。

专业版专为使用开发者提供的主题或其他颜色类别而设计。

专业版可以从以下网址下载: https://www.w3ccoo.com/w3css/4/w3pro.css


W3.CSS Pro 模板

Demo Template


W3.CSS Pro 颜色

使用 W3.CSS pro 你可以定义你自己的颜色:

实例

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3ccoo.com/w3css/4/w3pro.css">

<!-- Colors here -->

<body>

<!-- Content here -->

</body>
</html>

您可以使用 <style> 标签定义颜色:

实例

<style>
.w3-amber{color:#000!important;background-color:#ffc107!important}
</style>

亲自试一试 »

或者你可以加载自己的主题:

实例

<link rel="stylesheet" href="/lib/w3-theme-amber.css">

亲自试一试 »

或者您可以加载您的颜色库:

实例

<link rel="stylesheet" href="/lib/w3-colors-2018.css">

亲自试一试 »

实例

<link rel="stylesheet" href="/lib/w3-colors-2017.css">

亲自试一试 »