Stanford CS142-Web Applications
# 前言
# HTML 和 CSS
代码部分
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styleB.css" />
<title>Project For Css</title>
</head>
<body>
<div>A</div>
<div>B</div>
<div>C</div>
<div>D</div>
<div>E</div>
<div class="f">F</div>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
body {
white-space: nowrap; /*强制不让他们换行*/
}
div {
width: 90px;
height: 150px;
background-color: #eeeff2;
font: 40px Tahoma;
border-left: 10px dotted #D0D0FF;
margin-right: 10px;
display: inline-block; /*把几个div都放在一行显示*/
text-align: left; /*字体居左显示*/
padding-left: 10px;
}
div:hover {
cursor: pointer;
background-color: yellow;
color: goldenrod;
}
.f {
position: fixed;
right: 0;
bottom: 0;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
# JavaScript Calisthenics
ESLint是一个主流的JavaScript Lint工具，用于监测JavaScript代码质量，可以帮助开发者提升编码能力。 它可以很容易地统一开发者的编程风格，同时也可以通过配置文件来自定义规则。 在前端开发中，ESLint可以帮助我们检查代码中的潜在问题，提高代码的可读性和可维护性。
- 在 JavaScript 中，检查相等/不相等的惯例是
===和!==，而不是==和!=。 - 如果 ESLint 输出显示了大量样式问题，您可以通过运行
npm run lint -- --fix.
完善页面 (opens new window)