CSS的高级题，真搞不懂啊
1.CSS通常被称为什么表？为什么要使用CSS？
2.响应式页面布局的优缺点分别是？请各列举3点。
4.已知一个四边的CSS盒模型div，外边距margin为50px，边框（border）为60px，
内边距（padding）为70px，元素内容为高和宽都为80px，求div盒模型的总高度、宽度？列出公式。
5.HTML5的基本框架代码是什么？
6.常用的初级选择器和高级选择器有哪些？请各列举三个？
7.对a元素进行的伪类设置，访问的四个状态时，必须遵守的顺序是？
8.CSS Sprite技术的优缺点是什么？各列举三点？
9.表单的元素有哪些？请列举6个。
10.表单的作用是什么？
一个一个百度，，，，都能出来
作为一个干了3年的程序员，我表示不会🤫
1.CSS通常被称为什么表？为什么要使用CSS？
层叠样式表。使用 CSS 可以设计开发出更加鲜艳、灵活、个性的网站或页面。
2.响应式页面布局的优缺点分别是？请各列举3点。
优点：
- 提升访问体验：移动设备、大屏上也能正常显示
- 维护成本低：一套代码，多端适配
- 降低风险：避免了不同尺寸下内容溢出，或者显示不全的问题
缺点：
- 代码量会大
- 适配调试时间更久
- 会有遗漏的问题难以检查出来
4.已知一个四边的CSS盒模型div，外边距margin为50px，边框（border）为60px，内边距（padding）为70px，元素内容为高和宽都为80px，求div盒模型的总高度、宽度？列出公式。
直接上图，一目了然：
公式就是： margin + border + padding + width + padding + border + margin
5.HTML5的基本框架代码是什么？
VS Code 新建 html 文件，头部打 html:5 就会自动出现代码片段：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
6.常用的初级选择器和高级选择器有哪些？请各列举三个？
7.对a元素进行的伪类设置，访问的四个状态时，必须遵守的顺序是？
未访问，已访问，鼠标悬停，鼠标点击瞬间。
a:link{color:black;}
a:visited{color:gray;}
a:hover{color:red;}
a:active{color:blue;}
8.CSS Sprite技术的优缺点是什么？各列举三点？
优点：
- 减少网络请求次数
- 图片压缩节省流量
- 方便更换主题风格
缺点：
- 需要考虑坐标分配、布局
- 维护成本高，修改麻烦
- 没有 svg 或其他方式灵活使用
9.表单的元素有哪些？请列举6个。
- input
- text
- password
- radio
- checkbox
- button
- reset
- textarea
- button
10.表单的作用是什么？
向服务器提交用户请求信息