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>头部</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模板供您使用。

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

食物模板




乐队模板




咖啡厅模板



婚礼模板



投资组合模板



查看所有模板>>


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }