从 W3Schools.cn 开始学习 WEB 编程技术

W3.CSS 教程


W3
CSS

现代响应式CSS

所有浏览器均等:Chrome、Firefox、Edge、IE、Safari、Opera。

所有设备均等:台式机、笔记本电脑、平板电脑、移动端。

仅标准CSS(无jQuery或JavaScript库)。


W3.CSS是一个CSS框架

W3.CSS是现代CSS框架,默认情况下支持桌面,平板电脑和移动设计。

W3.CSS比类似的CSS框架更小,更快。

W3.CSS被设计为Bootstrap的高质量替代品。

它被设计为更小,更快,更易学且更易于使用。

它还被设计为独立于jQuery或任何其他JavaScript库。

实例

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

<img src="img_car.jpg" 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

要在您的网站上使用W3.CSS,只需在您的网页上添加指向" w3.css"的链接:

实例

<link rel="stylesheet" href="https://www.w3schools.cn/w3css/4/w3.css">
亲自试一试 »

或从w3css_downloads下载w3.css并添加指向w3.css的链接:

实例

<link rel="stylesheet" href="w3.css">

W3.CSS 网站模板

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

您可以自由地对其进行修改,保存,共享,使用或做任何想做的事情:

美食模板

Food Template

乐队模板

Band Template

咖啡厅模板

Cafe Template

婚庆模板

Wedding Template

投资组合模板

Portfolio Template
查看所有模板 »