資訊專欄INFORMATION COLUMN
摘要：文字排版字體利用設置字體，注意設置的字體必須是本地電腦中存在的字體。例子字體原價甩賣價段落排版縮進用，表示縮進個字，也就是個字符。例子字體段落排版對齊讓段落的內容進行對齊，用。把文本排列到左邊。
1、文字排版--字體：利用font-family設置字體，注意設置的字體必須是本地電腦中存在的字體。
例子：class="MicrosoftYahei"的h1標簽的字體設置為 宋體 ，效果如下
2、文字排版--字號、顏色：設置字號用font-size，設置顏色用color。
例子：
3、文字排版--粗體、斜體：粗體用font-weight: bold，斜體用font-style: italic。
例子：
4、文字排版--下劃線、刪除線：下劃線用text-decoration: underline，刪除線用text-decoration: line-through。
例子：
?
原價:200
甩賣價:20
?5、段落排版--縮進：用text-indent: 2em，表示縮進2個字，也就是4個字符。
例子：
小兔子乖乖
把門開開
6、段落排版--行間距：用line-height: 1.5em，設置為1.5倍行間距，也可以設置為具體的px值。
例子：
小兔子乖乖
把門開開
小兔子乖乖
把門開開
7、段落排版--文字間距，字母間距：文字間距用word-spacing: 20px，字母間距用letter-spacing: 20px。
例子：
happy birthday
happy birthday
8、段落排版--對齊：讓段落的內容進行對齊，用text-align: center。
| left | 把文本排列到左邊。默認值：由瀏覽器決定。 |
| right | 把文本排列到右邊。 |
| center | 把文本排列到中間。 |
| justify | 實現兩端對齊文本效果。 |
| inherit | 規定應該從父元素繼承 text-align 屬性的值。 |
例子：
一山還有一山高
?
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1453.html
摘要：總之有了基礎，理解彈性布局蠻容易的。語法格式當容器的設置了溢出換行屬性，且當前在交叉軸方向上存在多行的情況下，該屬性才會生效。 本篇文章已授權微信公眾號 dasu_Android（大蘇）獨家發布 聲明 本系列文章內容全部梳理自以下四個來源： 《HTML5權威指南》 《JavaScript權威指南》 MDN web docs Github:smyhvae/web 作為一個前端小白，入門跟...
摘要：一正常流的行為正常流的排版行為依次排列，排不下了換行。在正常流基礎上，有相關規則，使得一些盒占據了正常流需要的空間，可以把理解為文字環繞。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯...
摘要：一正常流的行為正常流的排版行為依次排列，排不下了換行。在正常流基礎上，有相關規則，使得一些盒占據了正常流需要的空間，可以把理解為文字環繞。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯...
摘要：一正常流的行為正常流的排版行為依次排列，排不下了換行。在正常流基礎上，有相關規則，使得一些盒占據了正常流需要的空間，可以把理解為文字環繞。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯...
閱讀 1402·2021-11-08 13:14
閱讀 758·2021-09-23 11:31
閱讀 1048·2021-07-29 13:48
閱讀 2787·2019-08-29 12:29
閱讀 3383·2019-08-29 11:24
閱讀 1908·2019-08-26 12:02
閱讀 3698·2019-08-26 10:34
閱讀 3444·2019-08-23 17:07
