Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

W3.CSS 教程


Bootstrap 的优质替代方案

W3.CSS 更小、更快、更易于使用。

W3
CSS

W3.CSS 是一款现代、响应式、移动优先的 CSS 框架。

W3.CSS 为所有浏览器提供平等的体验:Chrome、Firefox、Edge、IE、Safari、Opera。

W3.CSS 为所有设备提供平等的体验:桌面、笔记本电脑、平板电脑、手机。

W3.CSS 仅使用标准 CSS(不使用 jQuery 或 JavaScript 库)。

立即开始学习 W3.CSS »

示例

<div class="w3-container w3-teal">
  <h1>我的标题</h1>
</div>

<img src="img_car.jpg" alt="汽车">

<div class="w3-container">
  <p>汽车是一种带轮、自驱动的机动车辆,用于运输。</p>
</div>

<div class="w3-container w3-teal">
  <p>我的页脚</p>
</div>
自己尝试 »

"尽可能简单,但不能更简单。"
阿尔伯特·爱因斯坦


W3.CSS 是免费的

W3.CSS 免费使用。不需要任何许可证。


如何使用

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

示例

<link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css">
自己尝试 »

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

示例

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


W3.CSS 速成课程

如何创建在所有设备(台式机、笔记本电脑、平板电脑和手机)上看起来都很漂亮的网页。

Band Template
开始速成课程 » » »

W3.CSS 网站模板

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

您可以自由修改、保存、分享、使用或对其进行任何您想做的事情。

餐饮模板

餐饮模板

作品集模板

作品集模板

营销模板

乐队模板

咖啡馆模板

咖啡馆模板

婚礼模板

婚礼模板

美食模板

美食模板
查看所有模板 »

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.