css基礎 ife學習筆記

2021-08-10 18:14:16 字數 896 閱讀 6702

text-decoration屬性,可以跟多個屬性值,並且都會實現。值得注意的是,其中的乙個值為blink,現在沒有主流瀏覽器支援。

text-transform,對於文字的大小寫的控制,選項值有uppercase(全部大寫),capitalize(首字母大寫),lowercase(全部小寫)。以及none,和inherit。

text-intend:段落的首行縮排指定的數值。並且允許使用負值,首行會被縮排到左邊,相當於,將盒模型中的content部分向左移動。經過試驗驗證,猜測text-intend的本質是把content的第一行開始的位置進行變化。

text-align: 規定元素中的文字的水平對齊方式

屬性值:

word-spacing:控制單詞間的空白,即字間隔。經過測試,該屬性一樣對中文無效。有以下屬性值:

white-space:設定如何處理元素中的空白

line-height:用於設定行間的距離,即行高。行高是指,兩行文字的基線之間的距離。

包括以下屬性值:

font:設定字型屬性。其中可以包含所有的字型屬性,即是乙個組合屬性。

按照順序,分別為以下屬性:

font-style:設定字型的樣式,包含以下屬性:

font-variant:規定字型的異體:設定文字為小型大寫字母…感覺沒啥用。具體屬性不再介紹。

font-weight:設定字型的粗細。包含以下屬性值:

font-size/line-height:這裡是設定字型的尺寸和行高,而不是或,兩個都要設定。

font-family:規定字型系列。

並不是需要按照順序每乙個值都要設定,可以不設定其中的某個值。未設定的屬性,會使用預設值。

發現自己並沒有真正的完整的學過一遍css,很多樣式都沒有用過,學過…所以也趁著這個機會好好地總結,查漏補缺一下。

ife 學習筆記(1) Task01

任務三 三欄式布局 任務四 居中布局 理解position的含義 事實上在這個例子中似乎作用不大 float的用法 div以左右中布局,左右採用float,中間採用左右距離的margin使其實現自適應 浮動的消除 在container容器中新增清楚浮動的屬性 overflow auto calc c...

CSS基礎學習筆記

個人理解 距被控制的元素越近,優先順序越高 css基礎語法 選擇器 即需要改變樣式的 html 元素宣告 屬性和值 即css 規則格式為 selector property value porperty2 value 值的不同寫法和單位 值為單詞 風格 空格和大小寫 css高階語法 繼承及其問題 擺...

CSS基礎學習筆記

1.css樣式優先順序 元素上的樣式 style中嵌入的樣式 外部樣式檔案,其實不太準確,應當是當嵌入式出現在外部樣式的後面時,按照style出現的順序來渲染的,後面出現的會覆蓋前面的。同乙個樣式檔案中,元素選擇器越精確優先順序越高,id選擇器 100 類選擇器 10 元素選擇器 1 根據權值 累計...