今天是我CSS學(xué)習(xí)的第99天,我已經(jīng)學(xué)習(xí)了很多關(guān)于CSS的知識,并且在實際項目中也有了大量的實踐。
今天我主要學(xué)習(xí)了CSS3中的文本效果,包括:
text-shadow: h-shadow v-shadow blur-radius color; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr;
其中,text-shadow可以設(shè)置文字陰影的方向、大小和顏色,可以在網(wǎng)頁中制造出很多漂亮的效果,例如實現(xiàn)立體感或投影等效果。
text-overflow則可用于控制文本截斷,通過添加省略號來達到優(yōu)化頁面布局的目的。
而word-wrap和word-break則可以用于控制長單詞或長鏈接的自動換行和斷行,排版更加美觀。
最后,writing-mode可以控制文本的排版方式,包括水平、豎直、傾斜等排版方式,非常適合制作一些特別的效果。
在學(xué)習(xí)完這些新的CSS3屬性后,我對CSS的理解又加深了一步,相信這些新的知識會在我的實際開發(fā)中得到充分的應(yīng)用。