摘要:文字排版字體利用設(shè)置字體,注意設(shè)置的字體必須是本地電腦中存在的字體。例子字體原價甩賣價段落排版縮進(jìn)用,表示縮進(jìn)個字,也就是個字符。例子字體段落排版對齊讓段落的內(nèi)容進(jìn)行對齊,用。把文本排列到左邊。
1、文字排版--字體:利用font-family設(shè)置字體,注意設(shè)置的字體必須是本地電腦中存在的字體。
例子:class="MicrosoftYahei"的h1標(biāo)簽的字體設(shè)置為 宋體 ,效果如下
2、文字排版--字號、顏色:設(shè)置字號用font-size,設(shè)置顏色用color。
例子:
3、文字排版--粗體、斜體:粗體用font-weight: bold,斜體用font-style: italic。
例子:
4、文字排版--下劃線、刪除線:下劃線用text-decoration: underline,刪除線用text-decoration: line-through。
例子:
?
原價:200
甩賣價:20
?5、段落排版--縮進(jìn):用text-indent: 2em,表示縮進(jìn)2個字,也就是4個字符。
例子:
小兔子乖乖
把門開開
6、段落排版--行間距:用line-height: 1.5em,設(shè)置為1.5倍行間距,也可以設(shè)置為具體的px值。
例子:
小兔子乖乖
把門開開
小兔子乖乖
把門開開
7、段落排版--文字間距,字母間距:文字間距用word-spacing: 20px,字母間距用letter-spacing: 20px。
例子:
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 屬性的值。 |
例子:
一山還有一山高
?
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1453.html
摘要:總之有了基礎(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 作為一個前端小白,入門跟...
摘要:一正常流的行為正常流的排版行為依次排列,排不下了換行。在正常流基礎(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)...
摘要:一正常流的行為正常流的排版行為依次排列,排不下了換行。在正常流基礎(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)...
摘要:一正常流的行為正常流的排版行為依次排列,排不下了換行。在正常流基礎(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)...
閱讀 1406·2021-11-08 13:14
閱讀 761·2021-09-23 11:31
閱讀 1051·2021-07-29 13:48
閱讀 2789·2019-08-29 12:29
閱讀 3384·2019-08-29 11:24
閱讀 1910·2019-08-26 12:02
閱讀 3703·2019-08-26 10:34
閱讀 3447·2019-08-23 17:07