css 怎么设置网页字体大小?
做网页开发的时候,我们需要设置网页字体的大小,把普通和重要的信息进行区分,让一些重要信息更加的显眼,但是css代码要怎么写呢?跟着小编来吧!
操作方法
- 01
1、我们先看看怎么设置整个网页的字体的大小,代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> body { font-size: 20px; } /*字体大小为20像素*/ </style> </head> <body> 这是一些测试文字。我的大小为20px像素。 </body> </html> 设置大小后的效果图片如下:
- 02
2、我们先看看怎么设置网页中div,span标签的字体的大小,代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> body { font-size: 20px; } div { font-size: 30px; } span { font-size: 40px; } /*字体大小为20像素*/ </style> </head> <body> 这是一些测试文字,我的字体大小为20px像素。 <div>我的div标签里面的文字,大小为30px像素。</div> <span>我的span标签里面的文字,大小为40px像素。</span> </body> </html> 设置大小后的效果图片如下(其他标签设置方法以此类推):