下载APP w3cschool-编程狮
返回 首页

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

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

食物模板




乐队模板




咖啡厅模板



婚礼模板



投资组合模板



查看所有模板>>


目录
W3.CSS 简介
W3.CSS Colors (颜色)
W3.CSS Containers (容器)
W3.CSS Panels (面板)
W3.CSS Borders (边框)
W3.CSS Cards (卡片)
W3.CSS Fonts (字体)
W3.CSS Texts (文本)
W3.CSS Round (圆)
W3.CSS Padding (填充)
W3.CSS Margins (边距)
W3.CSS Display (显示)
W3.CSS Buttons (按钮)
W3.CSS Notes (注释)
W3.CSS Quotes (引用)
W3.CSS Alerts (警报)
W3.CSS Tables (表)
W3.CSS Lists (列表)
W3.CSS Images (图像)
W3.CSS Input (输入)
W3.CSS Badges (徽章)
W3.CSS Tags (标签)
W3.CSS Icons (图标)
W3.CSS Built-In Responsiveness (响应式)
W3.CSS Layout (布局)
W3.CSS Animations (动画)
W3.CSS Effects (效果)
W3.CSS Bars (栏)
W3.CSS Dropdowns (下拉菜单)
W3.CSS Accordions (折叠栏)
W3.CSS Navigation Bars (导航栏)
W3.CSS Sidebar (侧栏)
W3.CSS Navigation Tabs (导航栏标签)
W3.CSS Pagination (分页)
W3.CSS Progress Bars (进度条)
W3.CSS Slideshow (幻灯片)
W3.CSS Modal (模式)
W3.CSS Tooltips (工具提示)
W3.CSS Grid(网格)
W3.CSS Code(代码)
W3.CSS Filters(过滤器)
W3.CSS Trends(趋势)
W3.CSS Case(实例)
W3.CSS Material(材料)
W3.CSS Validation(验证)
W3.CSS Versions(版本)
W3.CSS Mobile(移动)
W3.CSS Reference(参考)
W3.CSS Color (颜色类)
W3.CSS Color (材料)
W3.CSS Color (Flat UI)
W3.CSS Color (Metro UI)
W3.CSS Color (Win 8)
W3.CSS Color (iOS)
W3.CSS Color (Libraries)
W3.CSS Color (方案)
W3.CSS Color (主题)
W3.CSS Examples (示例)
W3.CSS Demos(演示)
W3.CSS Templates(模板)
W3.CSS Downloads(下载)

关闭

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; }