慢慢 V6 03 2 讀書筆記 css文字

2021-09-24 02:57:33 字數 2006 閱讀 2862

主要改變的是以下屬性:

文字的顏色、字元間距,對齊文字,裝飾文字,對文字進行縮排以及文字轉換。

文字對齊的屬性可以設定為:

根據以上屬性,text-align的屬性可以類似的設定為:

兩端對齊是指設定文字內容兩端,調整文字的水平間距,使其均勻分布在左右頁邊距之間。就類似兩行文字硬生生的首尾呼應的意思吧。

條目:text-transform

屬性:

條目:white-space屬性:條目:tab-size

屬性:這個屬性只對和

這個兩個標籤有效~

目前只有 chrome 支援 tab-size 屬性。

firefox 支援另乙個可替代該屬性的屬性,即 -moz-tab-size 屬性。

opera 支援另乙個可替代該屬性的屬性,即 -o-tab-size 屬性。

目前沒有瀏覽器支援該值作為長度單位。

條目:word-break

屬性:條目:word-wrap

屬性:

例如:p.test

條目:text-align-last屬性規定如何對齊文字的最後一行

好像類似 text-align 吧,但只是最後一行的格式。屬性好像有多幾條,羅列一下。

額外屬性:

使用的例子可以是:

p
條目:text-justify

屬性:只有ie支援這個標籤,我就不深入看了。

條目:text-overflow

屬性:

text-shadow: h-shadow v-shadow blur color
條目:text-shadow

屬性:

word-spacing屬性是用來設定字與字之間的空白,可以增加或減少字空白。

條目:word-spacing

屬性:長度

跟上面的一樣,但是是字元間的空白。

條目:letter-spacing

條目:text-indent

屬性:長度

首行縮排好像用的挺多的吧。

條目:vertical-align

該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是公升高。在表單元格中,這個屬性會設定單元格框中的單元格內容的對齊方式。

屬性:條目:line-height

屬性:長度

類似word裡面的行高吧。

檢索或設定移動端頁面中物件文字的大小調整。

條目:text-size-adjust

屬性:auto:文字大小根據裝置尺寸進行調整。

none:文字大小不會根據裝置尺寸進行調整。

:用百分比來指定文字大小在裝置尺寸不同的情況下如何調整。

慢慢 V6 03 1 讀書筆記 css字型

font family 屬性用於設定文字的字型系列。font family 屬性應該設定幾個字型名稱作為一種 後備 機制,如果瀏覽器不支援第一種字型,他將嘗試下一種字型。注意 如果字型系列的名稱超過乙個字,它必須用引號,如font family 宋體 多個字型系列是用乙個逗號分隔指明。font si...

css揭秘讀書筆記

currentcolor屬性讓hr和段落相同的顏色 div hr p裡面的hr標籤不變色 background origin padding box是背景的預設原點,background position right 10px bottom 10px 可以讓偏移,如果不支援這個屬性,可以這樣back...

《CSS世界》讀書筆記

css三無準則 無寬度 充分利用流特性 無浮動 無 無寬度與寬度分離分離準則相通 瀏覽器相容 區別 ie8僅支援單冒號的偽元素 如 element before 常用清楚浮動方式 清楚浮動 clearfix.clearfix after 需求 頁面某模組的文字內容是動態的,希望文字少的時候居中顯示,...