Foundation CSS 参考手册1

简介: Foundation CSS参考手册:Foundation框架默认使用浏览器字体大小(通常16px),移动设备为12px,字体为"Helvetica Neue",行高1.5。段落底部外边距1.25rem,行高1.6。对h1至h6标题、链接、副标题、引用、加粗、斜体、缩写、键盘输入、水平线、代码片段及列表等HTML元素设置了独立样式,优化了网页显示效果。

Foundation CSS 参考手册
Foundation 默认设置
Foundation 使用浏览器默认字体大小 (font-size:100%)。对于大多数桌面设备的浏览器来说,字体大小默认为 16px。对于移动设备的浏览器,字体默认大小为 12px。 默认的字体为 "Helvetica Neue", line-height 默认为 1.5。

这些设置是适用于

元素内的元素。

此外,

元素与底部的外边距(margin-bottom) 为 1.25rem , line-height 为 1.6。

文本
以下的 HTML 元素,Foundation 设置了独立的样式渲染它,不会采用浏览器默认样式。点击 "尝试一下" 查看在线实例。

元素 描述 在线实例

-

h1 - h6 标题 尝试一下
浅蓝色的链接,鼠标移动到链接会有下划线 尝试一下
浅灰色的副标题文本 尝试一下

引用内容模块 尝试一下
加粗文本 尝试一下
斜体 尝试一下
指定单词的缩写,使用该元素文本出现虚线下划线,鼠标移动上去会有提示信息 尝试一下
接收键盘输入指令: CTRL + P 尝试一下


水平线 尝试一下
代码片段 尝试一下

  • 无序列表 尝试一下

    1. 有序列表 尝试一下

      描述性列表
相关文章
|
2天前
|
前端开发
Foundation CSS 参考手册3
此段内容介绍了几个常用的CSS类及其功能:.left 和 .right 分别使元素向左或向右浮动;.clearfix 用于清除浮动,需添加于浮动元素的父元素上;.hide 通过设置 CSS display 属性为 none 来隐藏元素;.list-inline 可将列表项水平排列;.lead 使文本更加突出;.subheader 用于设置浅色的标题元素。
|
2天前
|
前端开发
Foundation CSS 参考手册2
本文介绍了如何使用CSS类实现文本对齐,包括基本的左、右、居中和两端对齐,以及针对不同屏幕尺寸的特定对齐方式,如小屏、中屏、大屏等,每个类别都有相应的示例供测试。
|
7月前
|
前端开发 容器
简介CSS
简介CSS
45 4
|
4月前
|
前端开发
CSS简介
【8月更文挑战第24天】
33 2
|
7月前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS实践篇】CSS框架(Bootstrap/Foundation)快速上手
【4月更文挑战第30天】Bootstrap和Foundation是两种流行的CSS框架,用于构建响应式网页。它们包含预定义的样式、栅格系统和组件,加速开发流程。Bootstrap以其12列栅格系统闻名,而Foundation提供更定制化和模块化选项。了解并熟练运用这些框架的基本概念和组件,结合最佳实践和性能优化,能帮助开发者高效创建符合现代设计趋势的网页项目。
124 3
|
前端开发
CSS学习笔记(十一) CSS3新特性
CSS学习笔记(十一) CSS3新特性
120 0
|
前端开发
Dreamweaver如何使用CSS?
Dreamweaver如何使用CSS?
258 0
|
前端开发 容器
CSS入门教程3
CSS入门教程3
109 0
CSS入门教程3
|
前端开发
CSS入门教程4
CSS入门教程4
102 0
CSS入门教程4
|
XML 前端开发 JavaScript
CSS基础教程1——CSS简介
CSS(层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言,通过使用 CSS 我们可以大大提升网页开发的工作效率!