DIV+CSS教程:设置斜体与英文字母大小写转换
发布网友
发布时间:2023-10-02 21:24
我来回答
共1个回答
热心网友
时间:2024-12-10 07:18
斜体在日常编写文档时经常用到,在网页中CSS也可以设置,英文字母大小写转换在日常也很常用。
在CSS斜体是通过font-style属性来设置。如设置斜体代码:font-style:italic;font-style:oblique; 有二个,它们区别是:italic : 斜体。对于没有斜体变量的特殊字体,将应用oblique。 oblique : 倾斜的字体
通过以上2个值,看看效果,代码如下: html head title文字斜体/title style !-- p{ font-size:18px; } .one{ font-style:italic; } .two{ font-style:oblique; } -- /style /head body p class="one"文字斜体测试/p p class="two"文字斜体测试/p /body /html 效果图如下:
font-style:normal; normal : 正常的字体,可以去掉斜体样式。
CSS可以用text-transform属性,就可以轻易地实现英文字母大小写转换。 capitalize; 单词首个字母大写 uppercase; 全部大写 lowercase; 全部小写
通过以下代码看一下效果,加深了解。 html head title英文字母大小写转换/title style !-- p{ font-size:16px; } .one{ text-transform:capitalize; } /* 单词首字大写 */ .two{ text-transform:uppercase; } /* 全部大写 */ .three{ text-transform:lowercase; } /* 全部小写 */ -- /style /head body p class="one"i want to learn css, i want to better learning css/p p class="two"i want to learn css, i want to better learning css/p p class="three"I Want To Learn CSS, I Want To Better Learning CSS/p /body /html 效果图如下: