在學(xué)習(xí)之前,小編給自己腦補(bǔ)了下,今天小編就將自己學(xué)到的知識(shí)風(fēng)向給大家,希望對(duì)正在學(xué)習(xí)或者是想學(xué)習(xí)的你有所幫助。
學(xué)習(xí)該內(nèi)容之前可能會(huì)用到的內(nèi)容:
css屬性Font-Weight:如果數(shù)字為700就是加粗的.或者更粗的為bolder,更細(xì)的是lighter。
html Cite標(biāo)簽定義文檔的引用,默認(rèn)字體以斜體表示 如果有title屬性,當(dāng)鼠標(biāo)放上去的時(shí)候還會(huì)顯示title里定義的內(nèi)容。
html q標(biāo)簽通常和cite屬性一起使用,cite來定義文檔引用位置,注意q標(biāo)簽中文本內(nèi)容會(huì)自動(dòng)加上雙引號(hào)。
html blockquote cite屬性規(guī)定引用的來源,內(nèi)部文本默認(rèn)會(huì)在左右兩邊進(jìn)行縮進(jìn)(增加外邊距)。
html中abbr指示簡稱或者縮寫,通常指定title這樣移動(dòng)鼠標(biāo)到上邊的時(shí)候就會(huì)顯示完整titile信息。
html中的address標(biāo)簽通常內(nèi)部內(nèi)容為斜體顯示,且該標(biāo)簽后會(huì)增加換行顯示。
html中的dl,dt,dd,三者實(shí)現(xiàn)嵌套關(guān)系,dl用來創(chuàng)建一個(gè)列表,dt包括一級(jí)菜單,dd實(shí)現(xiàn)二級(jí)菜單。
bootstrap排版
標(biāo)題
默認(rèn)會(huì)對(duì)h1到h6增加新的顯示樣式,并且對(duì)其內(nèi)部的標(biāo)簽也會(huì)增加新的顯示樣式。
可以對(duì)文本增加class .lead可對(duì)字增加更大更粗的字體。
強(qiáng)調(diào)
增加了強(qiáng)調(diào)文本的類
text-algin:左對(duì)齊
text-center:居中對(duì)齊
text-right:右對(duì)齊
text-sucess:字體顯示為綠色并且是斜體
text-warning:
text-danger:
text-primary:
text-info:
text-muted:文本是弱的
縮寫
可以定義abbr實(shí)現(xiàn)底部雙虛線,可以結(jié)合.initalist實(shí)現(xiàn)更小的字體。
地址
通過對(duì)html標(biāo)簽的address格式化可實(shí)現(xiàn)更好看的地址效果。
引用
結(jié)合blockquoto結(jié)合使用實(shí)現(xiàn)不同效果。
列表
結(jié)合.dl-horizonal實(shí)現(xiàn)一組的列表的水平顯示,結(jié)合dl,dt,dd顯示;結(jié)合.list-inline實(shí)現(xiàn)列表的水平顯示,結(jié)合li使用。
Bootstrap代碼
code主要實(shí)現(xiàn)顯示一行代碼,即內(nèi)聯(lián)顯示。
pre顯示多行代碼并且塊顯示。
注意如果有左右尖括號(hào)一定要使用<,>;
今天就分享這些,希望對(duì)你有所幫助,當(dāng)然,你也可以及時(shí)的聯(lián)系小編,將你的收獲或者不同的見解分享給小編,我們共同學(xué)習(xí)和進(jìn)步。