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,就改变了所有的元素的大小