DIV+CSS教程:设置斜体与英文字母大小写转换

作者:小橘猫 | 创建时间: 2023-04-02
斜体在日常编写文档时经常用到,在网页中CSS也可以设置,英文字母大小写转换在日常也很常用。...
DIV+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> 效果图如下:

点击展开全文

更多推荐