css第二節(jié)

一. display屬性

1. 四個(gè)屬性值

none:不被顯示,在文檔中被移除

block:按塊級元素顯示,前后帶換行符,獨(dú)占一行

inline:按內(nèi)聯(lián)元素顯示

inline-block: 按行內(nèi)標(biāo)簽排版可以設(shè)置寬高

2.

display: none 直接移出當(dāng)前標(biāo)簽不影響頁面布局

visibility: hidden 占用頁面空間

3.行內(nèi)塊元素設(shè)置

圖片發(fā)自簡書App

二. 文字排版

1.字體大小設(shè)置

font-size:設(shè)置字號,單位px

例如: p{font-size:32px}

2.字體設(shè)置

font-family

圖片發(fā)自簡書App

3.字體顏色設(shè)置

color: red;

4.字符間距

letter-spacing定義字間距,默認(rèn)為normal

例如 letter-spacing: 10px;

5.單詞間距

word-spacing克定義單詞間距,也可設(shè)置漢子出現(xiàn)段字的距離

6.字體粗細(xì)

font-weight (沒有單位)

屬性值:normal, bold bolder, lighter

7.字體風(fēng)格

font-style

屬性值:normal默認(rèn)值 顯示標(biāo)準(zhǔn)字體樣式

italic 字體以斜體顯示

oblique 文字傾斜

8. 文本裝飾

text-decoration設(shè)置文本裝飾效果

圖片發(fā)自簡書App

9. text-align

設(shè)置文本內(nèi)容水平對齊

屬性值:left左對齊 ?right右對齊 ?center居中

三 . 行高

?line-height 行間距

行與行之間的距離,字符的垂直間距,稱為行高。

屬性值:像素px 相對值em ?百分比%

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 簡單復(fù)習(xí)一下: Display改變標(biāo)簽顯示模式: display可以控制標(biāo)簽的顯示模式。 客串一個(gè):visibil...
    顯然2017閱讀 771評論 0 3
  • *css單位與文字排版 *標(biāo)簽的顯示模式與display屬性 模式:塊元素、行內(nèi)元素 display屬性的值:no...
    竹溪穆褕閱讀 282評論 0 2
  • CSS的標(biāo)簽?zāi)J皆O(shè)置Display屬性 display可以控制標(biāo)簽的顯示模式。 display:none | in...
    金妮ing閱讀 536評論 0 0
  • display:可以控制標(biāo)簽的顯示模式。 display:inline;使塊級標(biāo)簽變成行內(nèi)元素 display:b...
    markling閱讀 237評論 0 0
  • 周智博11月份第九次打卡,讀的書是《假如給我三天光明》,讀的頁數(shù)是從168頁到172頁講的內(nèi)容...
    有你而美閱讀 219評論 0 0

友情鏈接更多精彩內(nèi)容