CSS教程
CSS3 教程
Bootstrap3 教程
Bootstrap4 教程
Font Awesome 图标
CSS 参考手册Foundation5 教程
Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。
Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。
Foundation 是一个以移动优先的流行框架。
在线实例
代码学院包含了上百个 Foundation 实例。
你可以直接使用我们的在线编辑器，并点击"提交运行"按钮查看结果：
Foundation 实例
<div class="row">
<div class="medium-12 columns">
<div class="panel">
<h1>Foundation 页面</h1>
<p>重置窗口大小，查看效果！</p>
<button type="button" class="button small">我是按钮!</button>
</div>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<h3>代码学院</h3>
<p>代码学院，程序员入门教程！！！</p>
</div>
<div class="medium-4 columns">
<h3>代码学院</h3>
<p>代码学院，程序员入门教程！！！</p>
</div>
<div class="medium-4 columns">
<h3>代码学院</h3>
<p>代码学院，程序员入门教程！！！</p>
</div>
</div>
尝试一下 »
点击"尝试一下"按钮查看在线实例。
Foundation 特性
以下效果为在 iframe 标签中的演示，可以点击"尝试一下"查看在线实例：