本文同步本人掘金平台的原创翻译：https://juejin.cn/post/7053763392590315557
2024年10月21日
<style>
*{ padding:0; margin:0;}
#box{ width:200px; height:200px; padding:30px; border:#000 solid 1px; margin:30px;s}
</style>
<div id="box" class="boxClass">
<p>1</p>
<p>2</p>
2024年10月21日
“小白，网页分析的怎么样了？”
“小有感触，我发现很多网站头部和底部容器都是通栏的，浏览器窗口多宽，他们就有多宽。这些好像是自动适应的，主体部分一般都是固定的宽度，并且是居中显示的！”
“不错，小白，看得很仔细，你之前也自己看了html的标签，那么你应该知道什么是“块”吧！”
“知道，块元素（容器）默认宽度跟它父容器的宽度一样，而且前后有换行符。如果不做特殊的样式控制，每个块容器两边都不会有其他的块容器，假如我在html的body里面写三个div层，他们肯定是上下排列的。”
2024年10月21日
VSCode中使用Markdown插入图片，如何设置图片的尺寸及显示位置
## 1、文字居中：
<center>逐浪软件</center>
## 左对齐：
<p align="left">逐浪软件</p>
## 2、插入图片及图片居中、定义大小
### 让图片靠左 显示
基本形式是:
例子：
## 图片靠右显示
<div align=right><img src ="https://www.z01.com/UploadFiles/Anony/content/md/HyjMvO5XZP..jpg"/></div>
第二种方法：
我们在原本图片链接后面（括号里面）先加上一个#号，然后写 pic_right/center/left 就OK!
如下图：
### 定义尺寸
第一种方法：
<img width = '150' height ='150' src ="https://www.z01.com/UploadFiles/Anony/content/md/HyjMvO5XZP..jpg"/>
第二种方法：
更改位置命令不要#号且pic_right/center/left改为=a*a，a*a就是你要设置的图片大小，注意在图片链接后空一格再写=
如下图
#### 定义大小并居中显示
<div align=center><img width = '150' height ='150' src ="https://www.z01.com/UploadFiles/Anony/content/md/HyjMvO5XZP..jpg"/></div>
2024年10月21日
本文翻译自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有删改
2024年10月21日
1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
（1） 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
（2）严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
（3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
（4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。