今天是我CSS学习的第99天,我已经学习了很多关于CSS的知识,并且在实际项目中也有了大量的实践。
今天我主要学习了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可以设置文字阴影的方向、大小和颜色,可以在网页中制造出很多漂亮的效果,例如实现立体感或投影等效果。
text-overflow则可用于控制文本截断,通过添加省略号来达到优化页面布局的目的。
而word-wrap和word-break则可以用于控制长单词或长链接的自动换行和断行,排版更加美观。
最后,writing-mode可以控制文本的排版方式,包括水平、竖直、倾斜等排版方式,非常适合制作一些特别的效果。
在学习完这些新的CSS3属性后,我对CSS的理解又加深了一步,相信这些新的知识会在我的实际开发中得到充分的应用。