手册简介

W3.CSS 是现代 CSS 框架,默认情况下支持桌面,平板电脑和移动设备。W3.CSS 比类似的 CSS 框架更小,更快。W3.CSS 被设计为 Bootstrap 的高质量替代品。它被设计为更小,更快,更易学且更易于使用。它还被设计为独立于 jQuery 或任何其他 JavaScript 库。

手册说明

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>头部</h1>

</div>

<img src="/img_car.jpg" alt="Car">

<div class="w3-container">

  <p>汽车是一种用于运输的有轮子的、自动驱动的机动车。</p>

</div>

<div class="w3-container w3-teal">

  <p>页脚</p>

</div>


尝试一下 »

“使它尽可能简单,但不要简单。” 

艾尔伯特爱因斯坦 


W3.CSS是免费的

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


如何使用W3.CSS

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

实例

<link rel="stylesheet" href="https://www.w3cschool.cn/w3css/4/w3.css">


尝试一下 »

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

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


W3.CSS网站模板

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

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

食物模板

img_temp_food_blog



乐队模板

img_temp_band



咖啡厅模板

img_temp_cafe


婚礼模板

img_temp_wedding


投资组合模板

img_temp_dark_icon


查看所有模板>>


多端阅读

  • 在PC/MAC上查看 《W3.CSS 教程》:
    下载W3.CSS 教程离线版客户端,进入客户端后通过搜索当前教程手册的名称并下载,就可以查看当前离线教程文档。
  • 在手机上查看《W3.CSS 教程》:
  • 在手机APP上查看 《W3.CSS 教程》:

    下载w3cschool手机App端 请从各大安卓应用商店、苹果App Store搜索并下载w3cschool手机客户端,在App中搜索当前教程手册的名称查看。

    App下载

返回w3cschool官网主页

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号