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

斜体在日常编写文档时经常用到，在网页中CSS也可以设置，英文字母大小写转换在日常也很常用。

操作方法

  • 01

    在CSS斜体是通过font-style属性来设置。如设置斜体代码：font-style:italic;font-style:oblique; 有二个，它们区别是：italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique。 oblique : 倾斜的字体

  • 02

    通过以上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> 效果图如下：

  • 03

    font-style:normal; normal : 正常的字体，可以去掉斜体样式。

  • 04

    CSS可以用text-transform属性，就可以轻易地实现英文字母大小写转换。 capitalize;   单词首个字母大写 uppercase;    全部大写 lowercase;   全部小写

  • 05

    通过以下代码看一下效果，加深了解。 <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> 效果图如下：

赞 (0)

相关推荐

  • word快速实现英文字母大小写切换技巧！

    在使用word处理文本过程中,当碰到频繁需要将输入的小写英文字母切换成大写的时候(或大写切换成小写),不妨使用一下以下技巧,希望对您有点帮助. 操作方法 01 教程以新建的word文档为例来介绍输入的 ...

  • Word英文字母大小写的相互转换方法

    在word中，通过 Shift+F3 快捷键，就可以实现英文的大小写转换。 首先选中要转换的英文 第一次按 Shift+F3 快捷键，将所选的英文首字母转换为大写; 第二次按 Shift+F3 快捷键 ...

  • Word里的英文字母大小写怎么转换?

    有没有什么方法可以实现在Word中对英文字母进行大小写转换,实现对英文字母的快速排版呢?下面小编就为大家介绍Word里如何转换英文字母大小写方法,快来学习一下吧. 步骤 1.首先打开word文档,字母 ...

  • word2010怎么对英文字母大小写进行快速转换?

    介绍如何利用word2010对英文字母大小写进行快速转换.以供参考,一起来看看吧! 步骤 例如图中word文档中的英文字母全是大写.想将他们转换成 小写. 先用鼠标框选要转换的字母,框选后的内容会变成 ...

  • 如何在Excel中进行英文字母大小写的转换？

    如何在Excel中进行英文字母大小写的转换？

    相信很多小伙伴在日常办公中都会用到Excel,在其中如何才能进行英文字母大小写的转换呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,在Excel中打开我们要进行操作的表格,并将要转换的区 ...

  • 如何解决PS输入英文字母自动转换大写问题

    如何解决PS输入英文字母自动转换大写问题

    PS是现在十分常用的一款图片编辑软件,有些用户遇到了输入英文字母自动转换大写问题,想知道如何解决,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PS软件,接着根据下 ...

  • 用word2010快速更改转换英文字母大小写

    介绍如何利用word2010对英文字母大小写进行快速转换.以供参考. 操作方法 01 例如图中word文档中的英文字母全是大写.想将他们转换成 小写. 02 先用鼠标框选要转换的字母,框选后的内容会变 ...

  • 字母大小写转换技巧，Excel那些小技巧

    在Excel单元格中输入字母,一会大写一会小写,是不是感觉很麻烦?今天教你三个函数,快速转换为大写.小写.首字母大写. 操作方法 01 全部转换大写字母 函数=upper() 将英文字母全部转换成大写 ...

  • 在Word2003中用快捷键转换英文字母大小写

    在Word 2000及以上Word版本中编辑文档时，如果需要将以前输入的英文单词或句子由小写转换为大写，或者由大写转换为小写，可以把光标定位到Word文档句子或单词的字母中，然后同时按下Shfit F ...