html补充学习（link,meta)标签以及css优化知识点

1.标签

1.1 link标签

作用:引入

属性：rel,href

• rel:

  • <link rel="stylesheet" href="引用的地址" />
    <!--rel是引入的样式
    stylesheet是指css样式
    icon是网页图标
    -->
    

1.2meta

作用：定义页面的文本编码类型、定义窗口大小对应的

主要属性: charset

• charset

  • <meta charset="utf-8" />
    

• viewpoint窗口视图

  • <!--
    name="viewport"表示的是定义窗口视图情况 
    content="width=device-width, initial-scale=1.0" 
    width=device-widthL:表示根据设备的视图宽度调整网页宽度
    initial-scale=1.0：设置浏览器首次加载页面时的初始缩放级别
    --> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    

1.3文本标签

p标签表示一个段落

i表示文本的斜体

strong表示文本的粗体

span：一般用span标签来存储不同的样式

1.4其余

video：标签定义视频，比如电影片段或其他视频流

audio：标签定义声音，比如音乐或其他音频流

canvas：用来处理图片、绘制图像等功能，是使用JavaScript操作图像的技术， HTML5 中的新标签 echarts库：用来制作图表的技术，后端程序员需要掌握

2.Css美化

2.1页面长度的定义

vw、vh：

• 根据屏幕百分比来计算显示使用的像素值，100vw表示占屏幕宽度100%，主要用于移动端开发，适配不 同大小的屏

font-size、em

• font-size：用于定义单位长度的像素值 em：1em等于1个font-size的长度 好处：统一了长度的大小，可以只改变font-size，就改变了所有的元素的大小