这是我参与「第五届青训营 」笔记创作活动的第1天

网站结构

1. index.html：这个文件一般会包含主页内容，也就是人们第一次进入网站时看到的文字和图片。使用文本编辑器，创建一个名为index.html的新文件，并将其保存在test-site文件夹内。
2. images ****文件夹：这个文件夹包含网站上使用的所有图片。在 test-site 文件夹内创建一个名为 images 的文件夹。
3. styles ****文件夹：这个文件夹包含用于设置内容样式的 CSS 代码（例如，设置文本和背景颜色）。在你的 test-site 文件夹内创建一个名为 styles 的文件夹。
4. scripts 文件夹：这个文件夹包含所有用于向网站添加交互功能的 JavaScript 代码（例如，点击时加载数据的按钮）。在 test-site 文件夹内创建一个名为 scripts 的文件夹

CSS样式

补充

• padding：即内边距，围绕着内容（比如段落）的空间。
• border：即边框，紧接着内边距的线。
• margin：即外边距，围绕元素外部的空间。

• width ：元素的宽度
• background-color ：元素内容和内边距底下的颜色
• color ：元素内容（通常是文本）的颜色
• text-shadow ：为元素内的文本设置阴影
• display ：设置元素的显示模式（暂略）

疑惑点：图片My test image位于本机的images文件夹中，在本机内可以正常运行，但码上掘金没有建立images文件夹，故图片显示不出来，求大神指教如何解决

javascript快速入门

变量

使用let或var声明

let myVariable;

var仅被旧版本的IE浏览器支持，因此应使用let而不是var

数据类型

注释

/**/
或
//

运算符

定义函数

使用function()定义函数（同C++的void）

function multiply(num1, num2) {
  let result = num1 * num2;
  return result;
}