成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人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元查�
<