其他
类 描述 实例
.left 元素向左浮动 尝试一下
.right 元素向右浮动 尝试一下
.clearfix 清除浮动 - 必须添加在浮动元素的父元素上
.hide 隐藏元素 (CSS display: none) 尝试一下
.list-inline 将所有元素设置在同一行 尝试一下
.lead 让
元素更突出 尝试一下
.subheader 设置浅色的
Foundation CSS 参考手册3
2024-11-29
17
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
此段内容介绍了几个常用的CSS类及其功能：.left 和 .right 分别使元素向左或向右浮动；.clearfix 用于清除浮动，需添加于浮动元素的父元素上；.hide 通过设置 CSS display 属性为 none 来隐藏元素；.list-inline 可将列表项水平排列；.lead 使文本更加突出；.subheader 用于设置浅色的标题元素。
相关文章
|
4天前
|
前端开发
Foundation CSS 参考手册2
本文介绍了如何使用CSS类实现文本对齐，包括基本的左、右、居中和两端对齐，以及针对不同屏幕尺寸的特定对齐方式，如小屏、中屏、大屏等，每个类别都有相应的示例供测试。
16
1
1
|
4天前
|
前端开发
Foundation CSS 参考手册1
Foundation CSS参考手册：Foundation框架默认使用浏览器字体大小（通常16px），移动设备为12px，字体为"Helvetica Neue"，行高1.5。段落底部外边距1.25rem，行高1.6。对h1至h6标题、链接、副标题、引用、加粗、斜体、缩写、键盘输入、水平线、代码片段及列表等HTML元素设置了独立样式，优化了网页显示效果。
15
0
0
|
7月前
|
前端开发
容器
|
4月前
|
前端开发
|
7月前
|
前端开发
JavaScript
开发者
【专栏：HTML与CSS实践篇】CSS框架（Bootstrap/Foundation）快速上手
【4月更文挑战第30天】Bootstrap和Foundation是两种流行的CSS框架，用于构建响应式网页。它们包含预定义的样式、栅格系统和组件，加速开发流程。Bootstrap以其12列栅格系统闻名，而Foundation提供更定制化和模块化选项。了解并熟练运用这些框架的基本概念和组件，结合最佳实践和性能优化，能帮助开发者高效创建符合现代设计趋势的网页项目。
127
3
3
|
前端开发
|
前端开发
容器
|
前端开发
|
Web App开发
前端开发
开发者
|
前端开发
