資訊專欄INFORMATION COLUMN
摘要：引用默認(rèn)左邊右邊列表移除默認(rèn)只針對直接內(nèi)聯(lián)只針對直接使得水平排列屏幕時(shí)超出會(huì)出現(xiàn)三個(gè)小點(diǎn)的省列號屏幕時(shí)本篇博文首發(fā)于本人個(gè)人博客，查看更多點(diǎn)這里
標(biāo)題
36px .h1
30px .h2
24px .h3
18px .h4
14px .h5
12px .h6 當(dāng)前字體的65% .small
前面4個(gè)各差6px,h4-h5差4px,h5-h6差2px
.h*是為了給inline的文本賦予標(biāo)題的樣式
為副標(biāo)題，.small也可以定義副標(biāo)題或給inline的文本定義副標(biāo)題樣式
全局默認(rèn)
font-size: 14px; line-height: 1.42857143;(倍字體) color: #333; background: #fff;
默認(rèn)
margin-top: 10px.lead
margin-bottom: 20px; font-weight: 300; line-height: 1.4; margin-top: 10px 1. 屏幕寬768px以上font-size: 21px; 2. 屏幕寬768px以下font-size: 16px;inline文本元素 標(biāo)記標(biāo)簽
padding: .2em; background-color: #fcf8e3; color:#000;
text-decoration: line-through;
兩個(gè)標(biāo)簽展示的效果一樣，只是是給搜索引擎看的，是給用戶看的。
text-decoration: underline
兩個(gè)標(biāo)簽展示的效果也一樣，是給搜索引擎看的，是給用戶看的
| .small ( 小號文本 )font-size: 85% // 當(dāng)前字體的85%
在inline文本內(nèi)為當(dāng)前字體的85%，和在
.text-left // 左對齊 .text-center // 居中對齊 .text-right // 右對齊 .text-justify // 分散對齊 .text-noerap // 不換行文本大小寫
.text-lowercase // 轉(zhuǎn)小寫 .text-uppercase // 轉(zhuǎn)大寫 .text-capitalize // 首字母大寫縮列語
cursor: help; border-bottom: 1px dotted #777; text-decoration:none; // 取消瀏覽器默認(rèn)樣式
.initialism (首字母縮略語)
font-size: 90%; text-transform: uppercase;
給添加會(huì)比當(dāng)前字體小一些。
引用默認(rèn)左邊
padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee;
.blockquote-reverse右邊
padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0;列表
只針對直接
.display:inline-block;
只針對直接
使得水平排列
1. 屏幕width>768px時(shí)
dt style
.dl-horizontal dt {
width:180px;(超出會(huì)出現(xiàn)三個(gè)小點(diǎn)的省列號)
float: left;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
dl style
.dl-horizontal dd {
margin-left: 180px;
}
2. 屏幕width<768px時(shí)
.dl-horizontal dt,.dl-horizontal dd {
width:100%;
}
本篇博文首發(fā)于本人個(gè)人博客，查看更多點(diǎn)這里
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/50856.html
摘要：引用默認(rèn)左邊右邊列表移除默認(rèn)只針對直接內(nèi)聯(lián)只針對直接使得水平排列屏幕時(shí)超出會(huì)出現(xiàn)三個(gè)小點(diǎn)的省列號屏幕時(shí)本篇博文首發(fā)于本人個(gè)人博客，查看更多點(diǎn)這里 標(biāo)題 36px .h1 30px .h2 24px .h3 18px .h4 14px .h5 12px .h6 當(dāng)前字體的65% .small 前面4個(gè)各差6px,h4-h5差4px,h5-h6差2px ....
摘要：下面，本文將介紹幾個(gè)比較有代表性的柵格樣式庫，講述它們的簡要原理和用法正確的打開方式。雖然柵格樣式庫很棒，但它們并不是響應(yīng)式設(shè)計(jì)的全部。但在這個(gè)過程中，理解各類柵格樣式庫的工作原理，正確使用它們，才能做出穩(wěn)定可靠的頁面結(jié)構(gòu)。 說到柵格系統(tǒng)（grid system），你也許見過這樣的概念： showImg(https://segmentfault.com/img/bVmQnO); 像這樣...
摘要：規(guī)范名稱定義，便于維護(hù)。譬如關(guān)于的定義在格式化的中會(huì)聲明為，而在基本樣式的中又可能會(huì)聲明所以在中會(huì)出現(xiàn)多次定義。盡量減少連接數(shù)和的大小?；诎姹镜氖褂媚壳笆褂幂^廣的是版本和，其中的最新版本是的最新版本。 隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設(shè)計(jì)理念，而且需要更酷的頁面特效和用戶體驗(yàn)。作為開發(fā)者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我...
摘要：規(guī)范名稱定義，便于維護(hù)。譬如關(guān)于的定義在格式化的中會(huì)聲明為，而在基本樣式的中又可能會(huì)聲明所以在中會(huì)出現(xiàn)多次定義。盡量減少連接數(shù)和的大小?；诎姹镜氖褂媚壳笆褂幂^廣的是版本和，其中的最新版本是的最新版本。 隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設(shè)計(jì)理念，而且需要更酷的頁面特效和用戶體驗(yàn)。作為開發(fā)者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我...
摘要：規(guī)范名稱定義，便于維護(hù)。譬如關(guān)于的定義在格式化的中會(huì)聲明為，而在基本樣式的中又可能會(huì)聲明所以在中會(huì)出現(xiàn)多次定義。盡量減少連接數(shù)和的大小?；诎姹镜氖褂媚壳笆褂幂^廣的是版本和，其中的最新版本是的最新版本。 隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設(shè)計(jì)理念，而且需要更酷的頁面特效和用戶體驗(yàn)。作為開發(fā)者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我...
閱讀 926·2021-11-22 13:54
閱讀 2853·2021-09-28 09:36
閱讀 2993·2019-08-30 15:55
閱讀 1960·2019-08-30 15:44
閱讀 554·2019-08-29 12:31
閱讀 2570·2019-08-28 18:18
閱讀 1208·2019-08-26 13:58
閱讀 1395·2019-08-26 13:44
