美化页面元素

美化页面元素
目录

1、为什么要美化网页

span标签：

2、字体样式

（1）选择字体 font-family

（2）font-size 字体大小

（3）font-weight 字体粗细

（4）color 字体颜色

连着写

扩展：

3、文本样式

（1）颜色 color rgb rgba

（2）文本对齐方式 text-align: center

（3）首行缩进 text-indent: 2em

（4）行高 line-height: 300px

（5）装饰 text-decoration

（6）文本图片水平对齐 vertical-align: middle （a标签是有下划线的，如果要去除下划线）

4、文本阴影和超链接伪类

（1）默认颜色

（2）鼠标悬浮的颜色状态（只需要记住：hover）

（3）鼠标按住未释放的状态

（4）text-shadow：阴影颜色，水平偏移，垂直偏移，阴影半径

5、列表样式

建议：

6、背景

实现箭头效果：

7、渐变

1、为什么要美化网页
- 有效的传递页面信息
- 美化网页，页面漂亮，才能吸引用户
- 凸显页面的主题
- 提供用户的体验
span标签：
- 重点要突出的字，使用span标签套起来
```
html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
 
    <style>
        #title1 {
            font-size: 50px;
        }
    style>
 
head>
<body>
欢迎来到我的 <span id="title1">java世界span>
body>
html>
```
输出结果：
相关阅读:
[推荐]Linux安装与配置虚拟机之虚拟机服务器坏境配置
 ASON 技术简介
 时间格式记录
 python之爬虫基础（1）
Android 自定义横向时间轴
 MySql——索引
 对比编程语言的四种错误处理方法，哪种才是最优方案？
从JDBC attack到detectCustomCollations利用范围扩展
 【C++初阶】STL详解（三）vector的介绍与使用
 MySQL 中的排序在底层是怎样实现的呢？
原文地址：https://blog.csdn.net/qq_46423017/article/details/126923188

1、为什么要美化网页

span标签：