我来到，我看见，我记录。

急雨收残暑，梧桐一叶惊。

JavaScript

JavaScript 教程在 HTML 中，JavaScript 代码必须位于标签之间。能够在 HTML 文档中放置任意数量的脚本。脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。 <script src="myScript.js"></script> 注意是 src是引用 js 的方式。通过 const 定义的变量与 let 变量类似，但==不能重新赋值。== 模板字面量_提供了一种将变量和表达式插入字符串的简单方法–${...} 箭头函数 hello = () => { return "Hello World!"; } 模块（modules）导出 JavaScript 模块允许您将代码分解成单独的文件。这会使维护代码库更加容易。模块是使用 import 语句从外部文件导入的。模块还依赖于 < script > 标签中的 type="module"。 <script type="module"> import message from "./message.js"; </script> 命名导出（Named Exports）让我们创建一个名为 person.js 的文件，并在其中填充我们要导出的内容。您可以通过两种方式创建命名导出。一种是逐个内联创建，另一种是在文件底部一次性全部创建。逐个内联创建： person.js export const name = "Bill"; export const age = 19; 在文件底部一次性创建：...

CSS

字体属性的说明（1）网页中不是所有字体都能用，因为这个字体要看用户的电脑里面装没装，比如你设置： font-family: "华文彩云"; 上方代码中，如果用户的 Windows 电脑里面没有这个字体，那么就会变成宋体。页面中，中文我们一般使用：微软雅黑、宋体、黑体。英文使用：Arial、Times New Roman。页面中如果需要其他的字体，就需要单独安装字体，或者切图。（2）为了防止用户电脑里，没有微软雅黑这个字体。就要用英语的逗号，提供备选字体。如下：（可以备选多个） font-family: "微软雅黑","宋体"; 上方代码表示：如果用户电脑里没有安装微软雅黑字体，那么就是宋体。（3）我们须将英语字体放在最前面，这样所有的中文，就不能匹配英语字体，就自动的变为后面的中文字体： font-family: "Times New Roman","微软雅黑","宋体"; 上方代码的意思是，英文会采用Times New Roman字体，而中文会采用微软雅黑字体（因为美国人设计的Times New Roman字体并不针对中文，所以中文会采用后面的微软雅黑）。比如说，对于smyhvae哈哈哈这段文字，smyhvae会采用Times New Roman字体，而哈哈哈会采用微软雅黑字体。 CSS 整体感知我们先来看一段简单的 css 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style> p { color: red; font-size: 30px; text-decoration: underline; font-weight: bold; text-align: center; font-style: italic; } h1 { color: blue; font-size: 50px; font-weight: bold; background-color: pink; } </style> </head> <body> <h1>我是大标题</h1> <p>我是内容</p> </body> </html> 解释如下：...

HTML

div和span的区别 <span>和<div>唯一的区别在于：<span>是不换行的，而<div>是换行的。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。或者说，DIV+CSS来实现各种样式。 div在浏览器中，默认是不会增加任何的效果的，但是语义变了，div中的所有元素是一个小区域。 div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。 span也是表达“小区域、小跨度”的标签，但只是一个文本级的标签。就是说，span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。 span举例 <p> 简介简介简介简介简介简介简介简介 <span> <a href="">详细信息</a> <a href="">购买</a> </span> </p> div举例 <div class="header"> <div class="logo"></div> <div class="nav"></div> </div> <div class="content"> <div class="guanggao"></div> <div class="dongxi"></div> </div> <div class="footer"></div> 我们亲切地称这种模式叫做“div+css”：div标签负责布局、结构、分块，css负责样式。表格标签表格标签用<table>表示。一个表格<table>是由每行<tr>组成的，每行是由每个单元格<td>组成的。所以我们要记住，一个表格是由行组成的（行是由列组成的），而不是由行和列组成的。在以前，要想固定标签的位置，唯一的方法就是表格。现在可以通过CSS定位的功能来实现。但是现在在做页面的时候，表格作用还是有一些的。 <table>属性 border：边框。像素为单位。 style="border-collapse:collapse;"：单元格的线和表格的边框线合并（表格的两边框合并为一条） width：宽度。像素为单位。 height：高度。像素为单位。 bordercolor：表格的边框颜色。 align：表格的水平对齐方式。属性值可以填：left right center。注意：这里不是设置表格里内容的对齐方式，如果想设置内容的对齐方式，要对单元格标签<td>进行设置） cellpadding：单元格内容到边的距离，像素为单位。默认情况下，文字是紧挨着左边那条线的，即默认情况下的值为0。注意不是单元格内容到四条边的距离哈，而是到一条边的距离，默认是与左边那条线的距离。如果设置属性dir="rtl"，那就指的是内容到右边那条线的距离。 cellspacing：单元格和单元格之间的距离（外边距），像素为单位。默认情况下的值为0 bgcolor="#99cc66"：表格的背景颜色。 background="路径src/..."：背景图片。背景图片的优先级大于背景颜色。 bordercolorlight：表格的上、左边框，以及单元格的右、下边框的颜色 bordercolordark：表格的右、下边框，以及单元格的上、左的边框的颜色这两个属性的目的是为了设置3D的效果。 dir：公有属性，单元格内容的排列方式(direction)。可以取值：ltr：从左到右（left to right，默认），rtl：从右到左（right to left）既然说dir是共有属性，如果把这个属性放在任意标签中，那表明这个标签的位置可能会从右开始排列。 <tr>行一个表格就是一行一行组成的。...