学习来源:https://www.bilibili.com/video/BV1HJ41147DG
要求
动态添加/删除表格内的数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
* {
/* 清除内边距、外边距 */
margin: 0;
padding: 0;
/* 盒子大小为 width,padding和border不会撑大盒子 */
box-sizing: border-box;
}
a {
color: deepskyblue;
text-decoration: none;
background-color: rgba(0, 0, 0, 0);
}
a:hover {
color: red;
}
body {
/* css3抗锯齿形,让文字显示的更加清晰 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
/* \5B8B\4F53 宋体 避免浏览器解析CSS代码时候出现乱码的问题 */
font: 16px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
color: #333;
}
.box {
width: 800px;
margin: 100px auto;