亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

characters

Foundation CSS 參考手冊

Foundation 默認(rèn)設(shè)置

Foundation 使用瀏覽器默認(rèn)字體大小 (font-size:100%)。對于大多數(shù)桌面設(shè)備的瀏覽器來說，字體大小默認(rèn)為 16px。對于移動設(shè)備的瀏覽器，字體默認(rèn)大小為 12px。 默認(rèn)的字體為 "Helvetica Neue"， line-height 默認(rèn)為 1.5。

這些設(shè)置是適用于 <body> 元素內(nèi)的元素。

此外， <p> 元素與底部的外邊距(margin-bottom) 為 1.25rem , line-height 為 1.6。

文本

以下的 HTML 元素，F(xiàn)oundation 設(shè)置了獨(dú)立的樣式渲染它，不會采用瀏覽器默認(rèn)樣式。點(diǎn)擊 "實(shí)例預(yù)覽" 查看在線實(shí)例。

元素 描述 在線實(shí)例
<h1> - <h6> h1 - h6 標(biāo)題 實(shí)例預(yù)覽
<a> 淺藍(lán)色的鏈接，鼠標(biāo)移動到鏈接會有下劃線 實(shí)例預(yù)覽
<small> 淺灰色的副標(biāo)題文本 實(shí)例預(yù)覽
<blockquote> 引用內(nèi)容模塊 實(shí)例預(yù)覽
<strong> 加粗文本 實(shí)例預(yù)覽
<em> 斜體 實(shí)例預(yù)覽
<abbr> 指定單詞的縮寫，使用該元素文本出現(xiàn)虛線下劃線，鼠標(biāo)移動上去會有提示信息 實(shí)例預(yù)覽
<kbd> 接收鍵盤輸入指令:CTRL + P 實(shí)例預(yù)覽
<hr> 水平線 實(shí)例預(yù)覽
<code> 代碼片段 實(shí)例預(yù)覽
<ul> 無序列表 實(shí)例預(yù)覽
<ol> 有序列表 實(shí)例預(yù)覽
<dl> 描述性列表 實(shí)例預(yù)覽

文本對齊

使用 CSS 類來修改文本的對齊方式：

類 描述 實(shí)例
.text-left 左對齊文本 實(shí)例預(yù)覽
.text-right 右對齊文本 實(shí)例預(yù)覽
.text-center 居中 實(shí)例預(yù)覽
.text-justify 兩端對齊 實(shí)例預(yù)覽

不同尺寸屏幕的對齊

使用 CSS 類來修改文本的不同尺寸屏幕的對齊方式：

類 描述 實(shí)例
左對齊 ? ?
.small-text-left 所有尺寸屏幕左對齊 實(shí)例預(yù)覽
.small-only-text-left 小尺寸屏幕左對齊(寬度小于 40em ) 實(shí)例預(yù)覽
.medium-text-left 寬度大于 40.0625em 尺寸屏幕左對齊 實(shí)例預(yù)覽
.medium-only-text-left 寬度在 40.0625em 到 64em 尺寸的屏幕左對齊 實(shí)例預(yù)覽
.large-text-left 寬度大于 64.0625em 尺寸屏幕左對齊 實(shí)例預(yù)覽
.large-only-text-left 寬度在 64.0625em 到 90em 尺寸的屏幕左對齊 實(shí)例預(yù)覽
.xlarge-text-left 寬度大于 90.0625em 尺寸屏幕左對齊 實(shí)例預(yù)覽
.xlarge-only-text-left 寬度在 90.0625em 到 120em 尺寸的屏幕左對齊 實(shí)例預(yù)覽
.xxlarge-text-left 寬度大于 120em 尺寸屏幕左對齊 實(shí)例預(yù)覽
? ? ?
右對齊 ? ?
.small-text-right 所有尺寸屏幕右對齊 實(shí)例預(yù)覽
.small-only-text-right 小尺寸屏幕右對齊(寬度小于 40em ) 實(shí)例預(yù)覽
.medium-text-right 寬度大于 40.0625em 尺寸屏幕右對齊 實(shí)例預(yù)覽
.medium-only-text-right 寬度在 40.0625em 到 64em 尺寸的屏幕右對齊 實(shí)例預(yù)覽
.large-text-right 寬度大于 64.0625em 尺寸屏幕右對齊 實(shí)例預(yù)覽
.large-only-text-right 寬度在 64.0625em 到 90em 尺寸的屏幕右對齊 實(shí)例預(yù)覽
.xlarge-text-right 寬度大于 90.0625em 尺寸屏幕右對齊 實(shí)例預(yù)覽
.xlarge-only-text-right 寬度在 90.0625em 到 120em 尺寸的屏幕右對齊 實(shí)例預(yù)覽
.xxlarge-text-right 寬度大于 120em 尺寸屏幕右對齊 實(shí)例預(yù)覽
? ? ?
居中對齊 ? ?
.small-text-center 所有尺寸屏幕居中對齊 實(shí)例預(yù)覽
.small-only-text-center 小尺寸屏幕居中對齊(寬度小于 40em ) 實(shí)例預(yù)覽
.medium-text-center 寬度大于 40.0625em 尺寸屏幕居中對齊 實(shí)例預(yù)覽
.medium-only-text-center 寬度在 40.0625em 到 64em 尺寸的屏幕居中對齊 實(shí)例預(yù)覽
.large-text-center 寬度大于 64.0625em 尺寸屏幕居中對齊 實(shí)例預(yù)覽
.large-only-text-center 寬度在 64.0625em 到 90em 尺寸的屏幕居中對齊 實(shí)例預(yù)覽
.xlarge-text-center 寬度大于 90.0625em 尺寸屏幕居中對齊 實(shí)例預(yù)覽
.xlarge-only-text-center 寬度在 90.0625em 到 120em 尺寸的屏幕居中對齊 實(shí)例預(yù)覽
.xxlarge-text-center 寬度大于 120em 尺寸屏幕居中對齊 實(shí)例預(yù)覽
? ? ?
兩端對齊 ? ?
.small-text-justify 所有尺寸屏幕都兩端對齊 實(shí)例預(yù)覽
.small-only-text-justify 小尺寸屏幕兩端對齊(寬度小于 40em ) 實(shí)例預(yù)覽
.medium-text-justify 寬度大于 40.0625em 尺寸屏幕兩端對齊 實(shí)例預(yù)覽
.medium-only-text-justify 寬度在 40.0625em 到 64em 尺寸的屏幕兩端對齊 實(shí)例預(yù)覽
.large-text-justify 寬度大于 64.0625em 尺寸屏幕兩端對齊 實(shí)例預(yù)覽
.large-only-text-justify 寬度在 64.0625em 到 90em 尺寸的屏幕兩端對齊 實(shí)例預(yù)覽
.xlarge-text-justify 寬度大于 90.0625em 尺寸屏幕兩端對齊 實(shí)例預(yù)覽
.xlarge-only-text-justify 寬度在 90.0625em 到 120em 尺寸的屏幕兩端對齊 實(shí)例預(yù)覽
.xxlarge-text-justify 寬度大于 120em 尺寸屏幕兩端對齊 實(shí)例預(yù)覽

其他

類 描述 實(shí)例
.left 元素向左浮動 實(shí)例預(yù)覽
.right 元素向右浮動 實(shí)例預(yù)覽
.clearfix 清除浮動 - 必須添加在浮動元素的父元素上
.hide 隱藏元素 (CSS display: none) 實(shí)例預(yù)覽
.list-inline 將所有元素設(shè)置在同一行 實(shí)例預(yù)覽
.lead 讓 <p> 元素更突出 實(shí)例預(yù)覽
.subheader 設(shè)置淺色的 <h1> - <h6> 元素 實(shí)例預(yù)覽


關(guān)于我們 聯(lián)系我們 留言板

手冊網(wǎng)

Previous article： Next article：