首页关于CSS字体样式的html代码

关于CSS字体样式的html代码

时间: 2023-11-14 11:50:31 浏览: 84

<!DOCTYPE html> <html> <head> <title>CSS字体样式</title> <style type="text/css"> body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; } h1 { font-family: Georgia, serif; font-size: 36px; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-top: 50px; margin-bottom: 30px; } p { font-family: Verdana, sans-serif; font-size: 18px; line-height: 1.5; text-align: justify; margin-bottom: 20px; } </style> </head> <body> <h1>CSS字体样式</h1> <p>在CSS中，可以通过font-family属性指定字体的名称。如果指定的字体不存在，则会使用默认字体。可以同时指定多个字体名称，以便在第一个字体不可用时使用备用字体。</p> <p>通过font-size属性可以指定字体的大小。可以使用相对大小（如em、rem）或绝对大小（如px、pt）。通过line-height属性可以指定行高。通常建议将行高设置为字体大小的1.5倍。</p> <p>除了基本的字体样式外，还可以通过font-weight属性设置字体的粗细程度，通过text-align属性设置文本对齐方式，通过text-transform属性设置文本转换方式（如大写、小写、首字母大写），通过letter-spacing属性设置字母间距。</p> </body> </html>

阅读全文