什么是JavaScript？

• JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）。

当你兴致勃勃地用px写完一整套网页，在电脑上看起来完美无瑕，结果用手机打开瞬间变成"抽象派艺术"——按钮飞出屏幕，文字挤成一团，图片大到能当壁纸。这时候你才恍然大悟：px这个老顽固，早就该被时代淘汰了！

一、px的"霸权时代"该结束了

px就像一把 rigid 的尺子，在320px的iPhone SE和414px的iPhone 15 Pro Max面前，固执地保持着同样的长度。数据显示，2025年全球移动设备屏幕尺寸已超过200种，用固定像素单位就像穿均码衣服——总有一半人觉得不合身。

菜鸟教程

Html教程：
https://www.runoob.com/html/html-tutorial.html

Css教程：
https://www.runoob.com/css/css-tutorial.html

有许多方法可以将HTML元素与CSS对齐，但是一起使用或单独使用它们并不是那么容易。开发人员所面临的困难之一就是试图将元素集中在页面中间。

因此，在本文中，我将展示一些最常用的方法，即通过使用不同的CSS属性在水平和垂直方向上居中图像。

水平居中

让我们开始使用3个不同的CSS属性将图像水平居中。

像 px、em 这样的长度单位大家肯定都很熟悉，前者为绝对单位，后者为相对单位。CSS3 又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。

一、基本说明

元素分类

在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型：

块状元素、内联元素(又叫行内元素)和内联块状元素。

常用的内联元素有：

<a>、<span>、<br/>、<sub>、<sup>、<label>、<b>、<i>、<u>、<del>

最近在网上逛，突然发现Element-plus官网的效果非常"fashion"。

顶部导航栏区域在页面滚动的时候，所有经过导航栏区域的内容都会变成像 "像素画" 一样，效果非常有意思。

CSS介绍

CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言

CSS的作用

1. 美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式

**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。

在本文中，我们将学习 CSS Viewport units(视口单位)以及如何使用它们，并用列举一些常见问题及其解决方案和用例，让我们开始吧。

简介