CSS美化网页元素（字体样式及排版、超链接伪类、列表样式、背景样式、渐变）

最新推荐文章于 2022-03-27 14:02:46 发布

眰恦ღ

最新推荐文章于 2022-03-27 14:02:46 发布

阅读量875

点赞数 3

分类专栏： # 前端小套装大前端文章标签： css html

本文链接：https://blog.csdn.net/weixin_45277249/article/details/111878611

版权

美化网页元素为什么要美化网页？有效的传递页面信息美化网页，页面漂亮，才能吸引用户凸显页面的主题提高用户的体验span标签：重点要突出的字，使用span套起来……<style> #title{ font-size:30px; }</style>…………欢迎学习<span id="title">Java</s

摘要由CSDN通过智能技术生成

为什么要美化网页？

有效的传递页面信息
美化网页，页面漂亮，才能吸引用户
凸显页面的主题
提高用户的体验

span标签：重点要突出的字，使用span套起来

<!--设置样式-->
……
<style>
     #title{
    
         font-size:30px;
     }
</style>
……

<!--使用span标签重点突出Java-->
……
欢迎学习<span id="title">Java</span>
……

字体样式

常用字体属性、含义、及用法：
font-family 设置字体类型例：font-family：“康书”;
font-size 设置字体大小例：font-size：12px;
font-style 设置字体风格例：font-style：italic;
font-weight 设置字体的粗细例：font-weight:bold;
font 在一个声明中设置所有字体属性例：font:italic bold 36px “宋体”;

1.字体类型`font-family`

同时设置英文字体和中文字体时，必须将英文字体设置在中午字体之前
如果没有特殊要求通常设置为宋体，宋体是计算机中默认的字体

2.字体大小`font-size`

font-size设置字体大小，常用的单位是px(像素)。

3.字体风格`font-style`

示例	解释
font-style：`normal`	标准字体
font-style：`italic`	斜体字体
font-style：`oblique`	倾斜的字体

默认值为normal，italic和oblique显示效果非常像。

4.字体粗细`font-weight`

normal 默认值，定义标准字体
bold 粗体字体
bolder 更粗的字体
lighter 更细的字体
100~900定义由细到粗的字体，400等同于``normal`，700等同于bold

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>

最低0.47元/天解锁文章

眰恦ღ

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
CSS美化网页元素（字体样式及排版、超链接伪类、列表样式、背景样式、渐变）

美化网页元素为什么要美化网页？有效的传递页面信息美化网页，页面漂亮，才能吸引用户凸显页面的主题提高用户的体验span标签：重点要突出的字，使用span套起来……<style> #title{ font-size:30px; }</style>…………欢迎学习<span id="title">Java</s
复制链接

扫一扫