W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

W3.CSS 教程


W3.CSS
Faster and Better
Responsive Web Sites


什么是 W3.CSS?

W3.CSS是一个响应式的现代CSS框架:

  • 比其他CSS框架更小更快。
  • 比其他CSS框架更容易学习,更易于使用。
  • 仅使用标准CSS(没有jQuery或JavaScript库)。
  • 加速移动HTML应用程序。
  • 为所有设备都能提供不错的效果,例如:PC,笔记本,平板电脑和手机:

Responsive

W3.CSS 是免费的

W3.CSS可以免费使用。无需许可证。


易于使用

Make it as simple as possible, but not simpler.
Albert Einstein

Example

<div class="w3-container w3-teal">
  <h1>My Header</h1>
</div>

<img src="img_car.png" alt="Car">

<div class="w3-container">
  <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p>
</div>

<div class="w3-container w3-teal">
  <p>My Footer</p>
</div>
尝试一下 »

如何使用W3.CSS

要在您的网站上使用 W3.CSS,只需从您的网页添加一个 "w3.css" 文件的链接即可(由于W3Schools.com站点被墙,W3C中文教程CDN为您提供了下载地址):

Example

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://cdn.w3schools.wang/w3.css">
尝试一下 »

或者从W3C中文教程网 w3css下载 来下载 w3.css,并添加到你的网站中:

Example

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://cdn.w3schools.wang/w3.css">
尝试一下 »

W3.CSS 网站模板

我们已经创建了一些响应式的 W3CSS模板 供您使用。

您可以随意修改、保存、共享、使用或执行任何您想要的:

Blog Template