Stanford CS142-Web Applications

# 前言

作业链接 (opens new window)

# 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

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

# JavaScript Calisthenics

ESLint是一个主流的JavaScript Lint工具，用于监测JavaScript代码质量，可以帮助开发者提升编码能力。它可以很容易地统一开发者的编程风格，同时也可以通过配置文件来自定义规则。在前端开发中，ESLint可以帮助我们检查代码中的潜在问题，提高代码的可读性和可维护性。

在 JavaScript 中，检查相等/不相等的惯例是 === 和 !== ，而不是 == 和 != 。
如果 ESLint 输出显示了大量样式问题，您可以通过运行 npm run lint -- --fix .

← Scheme函数式编程 Jenkins实战流程→