#CSS

======================================================

1. favicon实现

1.1 实现步骤

1. 准备favicon文件：推荐使用.ico、.png或.svg格式
2. 添加favicon标签到HTML头部
3. 为不同设备和浏览器添加不同尺寸的favicon

1.2 核心代码

<!-- 基本favicon设置 -->
<link rel="icon" href="favicon.ico" type="image/x-icon">

<!-- 为不同设备和浏览器添加不同尺寸的favicon -->
<link rel="icon" href="favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="icon" href="favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="apple-touch-icon.png" sizes="180x180">

1.3 最佳实践

• 提供多种尺寸的favicon，适应不同设备

• 将favicon文件放在网站根目录，便于浏览器自动发现

• 测试在不同浏览器和设备上的显示效果

======================================================