成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS格式化排版--排版

QiShare / 1497人閱讀

摘要:文字排版字體利用設(shè)置字體,注意設(shè)置的字體必須是本地電腦中存在的字體。例子字體原價甩賣價段落排版縮進(jìn)用,表示縮進(jìn)個字,也就是個字符。例子字體段落排版對齊讓段落的內(nèi)容進(jìn)行對齊,用。把文本排列到左邊。

1、文字排版--字體:利用font-family設(shè)置字體,注意設(shè)置的字體必須是本地電腦中存在的字體。

    例子:class="MicrosoftYahei"的h1標(biāo)簽的字體設(shè)置為 宋體 ,效果如下





CSS字體



  

默認(rèn)字體


  

默認(rèn)字體


  

微軟雅黑



    

2、文字排版--字號、顏色:設(shè)置字號用font-size,設(shè)置顏色用color。

    例子:





CSS字體



  

默認(rèn)字體


  

默認(rèn)字體



3、文字排版--粗體、斜體:粗體用font-weight: bold,斜體用font-style: italic。

    例子:





CSS字體



  我們來看看粗體是怎么樣的
  

  我們來看看斜體是怎么樣的

    

4、文字排版--下劃線、刪除線:下劃線用text-decoration: underline,刪除線用text-decoration: line-through。

    例子:

?





CSS字體


  

原價:200


  

甩賣價:20



    

?5、段落排版--縮進(jìn):用text-indent: 2em,表示縮進(jìn)2個字,也就是4個字符。

    例子:





CSS字體



  

小兔子乖乖


  

把門開開



6、段落排版--行間距:用line-height: 1.5em,設(shè)置為1.5倍行間距,也可以設(shè)置為具體的px值。

    例子:





CSS字體



  

小兔子乖乖


  

把門開開


  

小兔子乖乖


  

把門開開



7、段落排版--文字間距,字母間距:文字間距用word-spacing: 20px,字母間距用letter-spacing: 20px。

    例子:





CSS字體



  I love you!
  

happy birthday


  

happy birthday



8、段落排版--對齊:讓段落的內(nèi)容進(jìn)行對齊,用text-align: center。

left 把文本排列到左邊。默認(rèn)值:由瀏覽器決定。
right 把文本排列到右邊。
center 把文本排列到中間。
justify 實現(xiàn)兩端對齊文本效果。
inherit 規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。

    例子:





CSS字體



  

一山還有一山高



?

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1453.html

相關(guān)文章

  • 前端入門5-CSS彈性布局flex

    摘要:總之有了基礎(chǔ),理解彈性布局蠻容易的。語法格式當(dāng)容器的設(shè)置了溢出換行屬性,且當(dāng)前在交叉軸方向上存在多行的情況下,該屬性才會生效。 本篇文章已授權(quán)微信公眾號 dasu_Android(大蘇)獨家發(fā)布 聲明 本系列文章內(nèi)容全部梳理自以下四個來源: 《HTML5權(quán)威指南》 《JavaScript權(quán)威指南》 MDN web docs Github:smyhvae/web 作為一個前端小白,入門跟...

    王晗 評論0 收藏0
  • 重學(xué)前端學(xué)習(xí)筆記(二十五)--CSS的正常流

    摘要:一正常流的行為正常流的排版行為依次排列,排不下了換行。在正常流基礎(chǔ)上,有相關(guān)規(guī)則,使得一些盒占據(jù)了正常流需要的空間,可以把理解為文字環(huán)繞。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄,每天10分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學(xué)習(xí)【原文有winter的語音】,如有侵權(quán)請聯(lián)...

    dcr309duan 評論0 收藏0
  • 重學(xué)前端學(xué)習(xí)筆記(二十五)--CSS的正常流

    摘要:一正常流的行為正常流的排版行為依次排列,排不下了換行。在正常流基礎(chǔ)上,有相關(guān)規(guī)則,使得一些盒占據(jù)了正常流需要的空間,可以把理解為文字環(huán)繞。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄,每天10分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學(xué)習(xí)【原文有winter的語音】,如有侵權(quán)請聯(lián)...

    leap_frog 評論0 收藏0
  • 重學(xué)前端學(xué)習(xí)筆記(二十五)--CSS的正常流

    摘要:一正常流的行為正常流的排版行為依次排列,排不下了換行。在正常流基礎(chǔ)上,有相關(guān)規(guī)則,使得一些盒占據(jù)了正常流需要的空間,可以把理解為文字環(huán)繞。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄,每天10分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學(xué)習(xí)【原文有winter的語音】,如有侵權(quán)請聯(lián)...

    toddmark 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<