课程link: fullstackopen.com/en/part0/fu…
notes
-
On macOS, open the console by pressing
option-cmd-isimultaneously. -
When you reload the page (To refresh a webpage on macOS, press
command-R
看到：Fundamentals of Web apps Single page app
Css
阅读： developer.mozilla.org/en-US/docs/…
块级元素（Block element） ：比如 <body>、<div> 和 <p> 等。这些元素会在页面中占据一整行的空间，宽度通常会自动撑满父容器的宽度。例如，<body> 元素就是一个块级元素，它会从页面的上到下占据一定的空间。
行内元素（Inline element） ：比如 <span>、<a> 和 <img> 等。它们不会占据一整行，而是与其他元素并排显示。例如，<img> 就是行内元素，它会在文本或其他行内元素的同一行显示。
自动外边距（auto margin） ：通常，我们想要某个块级元素（例如 div）居中时，可以通过设置 margin: 0 auto; 来实现。这意味着左右的外边距会自动分配，元素会居中。
然而，行内元素（例如 <img>）并不支持 margin: 0 auto;，因为它们的宽度仅取决于内容的大小。为了让图片也能居中，我们可以给它一个块级行为，通过设置 display: block;，这样它就可以像块级元素一样对待，支持自动外边距。
exercises
全部是画图，很简单，学一下mermaid语法就行，github已经实现了这个语法，只需要在md文档里面就可以渲染了
掌握画图语法：docs.github.com/en/get-star…
