From 4bbfb203d14ef57ba085e0e5ea958c643160fa93 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E6=80=9D?= <1662679300@qq.com> Date: Sun, 15 Sep 2024 21:06:28 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...07\347\255\276\345\233\276\346\240\207.md" | 55 ++++++++++++ .../\345\233\276\345\272\212.md" | 2 + ...\345\257\274\350\210\252\346\240\217.html" | 89 +++++++++++++++++++ ...62\346\237\223\346\240\270\345\277\203.md" | 16 ++++ 4 files changed, 162 insertions(+) create mode 100644 "\346\235\216\346\200\235/20240214-\345\233\276\347\255\276\346\240\207\347\255\276\345\233\276\346\240\207.md" create mode 100644 "\346\235\216\346\200\235/\344\275\234\344\270\232/\345\233\276\345\272\212.md" create mode 100644 "\346\235\216\346\200\235/\344\275\234\344\270\232/\350\213\271\346\236\234\345\257\274\350\210\252\346\240\217.html" create mode 100644 "\346\235\216\346\200\235/\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216JS\346\270\262\346\237\223\346\240\270\345\277\203.md" diff --git "a/\346\235\216\346\200\235/20240214-\345\233\276\347\255\276\346\240\207\347\255\276\345\233\276\346\240\207.md" "b/\346\235\216\346\200\235/20240214-\345\233\276\347\255\276\346\240\207\347\255\276\345\233\276\346\240\207.md" new file mode 100644 index 0000000..5e6d5d1 --- /dev/null +++ "b/\346\235\216\346\200\235/20240214-\345\233\276\347\255\276\346\240\207\347\255\276\345\233\276\346\240\207.md" @@ -0,0 +1,55 @@ + +#### 列表 +HTML中常用的列表有无序列表和有序列表。 + +1. 有序列表 +``` +
    +
  1. +
+``` +2. 无序列表 +``` + +``` +##### 盒子模型 + +Margin(外边距) - 清除边框外的区域，外边距是透明的。 +``` +margin-top: 10px; /* 设置上外边距*/ +margin-bottom: 10px; /*设置下外边距*/ +margin-left: 10px; /*设置左外边距*/ +margin-right: 10px;/*设置右外边距*/ +margin: 10px; /*同时设置上下左右外边距*/ +``` +如果四个方向的外边距不是相同的数值 +``` +margin:10px 20px 30px 40px; /*四个参数的方向分别是上，右，下，左; 即顺时针方向*/ +``` + +如果上下外边距相同，左右外边距相同 +``` +margin:10px 20px; +``` +Border(边框) - 围绕在内边距和内容外的边框。 +Padding(内边距) - 清除内容周围的区域，内边距是透明的。 +``` +padding-top: 10px; /* 设置上内边距*/ +padding-bottom: 10px; /*设置下内边距*/ +padding-left: 10px; /*设置左内边距*/ +padding-right: 10px;/*设置右内边距*/ +padding: 10px; /*同时设置上下左右内边距*/ +``` +Content(内容) - 盒子的内容，显示文本和图像。 + +##### 定位 + +使用position属性给网页进行定位，position样式的取值有如下几种： + +static：默认值，没有定位或者叫静态定位。 +relative：相对定位 +absolute：绝对定位 +fixed：固定定位 +z-index:调整元素定位时重叠层的上下位置，默认值为0 \ No newline at end of file diff --git "a/\346\235\216\346\200\235/\344\275\234\344\270\232/\345\233\276\345\272\212.md" "b/\346\235\216\346\200\235/\344\275\234\344\270\232/\345\233\276\345\272\212.md" new file mode 100644 index 0000000..513779c --- /dev/null +++ "b/\346\235\216\346\200\235/\344\275\234\344\270\232/\345\233\276\345\272\212.md" @@ -0,0 +1,2 @@ +[图片](http://sjg1u7mxz.hn-bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240519221708.jpg) +[神图](http://sjg1u7mxz.hn-bkt.clouddn.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240613225514.jpg) \ No newline at end of file diff --git "a/\346\235\216\346\200\235/\344\275\234\344\270\232/\350\213\271\346\236\234\345\257\274\350\210\252\346\240\217.html" "b/\346\235\216\346\200\235/\344\275\234\344\270\232/\350\213\271\346\236\234\345\257\274\350\210\252\346\240\217.html" new file mode 100644 index 0000000..76cba29 --- /dev/null +++ "b/\346\235\216\346\200\235/\344\275\234\344\270\232/\350\213\271\346\236\234\345\257\274\350\210\252\346\240\217.html" @@ -0,0 +1,89 @@ + + + + + + Document + + + +
+ +
+ + \ No newline at end of file diff --git "a/\346\235\216\346\200\235/\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216JS\346\270\262\346\237\223\346\240\270\345\277\203.md" "b/\346\235\216\346\200\235/\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216JS\346\270\262\346\237\223\346\240\270\345\277\203.md" new file mode 100644 index 0000000..aa3fb03 --- /dev/null +++ "b/\346\235\216\346\200\235/\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216JS\346\270\262\346\237\223\346\240\270\345\277\203.md" @@ -0,0 +1,16 @@ +以下是国内外主流浏览器引擎和JS渲染核心的列表： + +| 浏览器名称 | 浏览器引擎 | JS渲染核心 | +|----------------|----------|---------| +| Google Chrome | Blink | V8 | +| Mozilla Firefox | Gecko | SpiderMonkey | +| Apple Safari | WebKit | JavaScriptCore | +| Microsoft Edge | Blink | V8 | +| Opera | Blink | V8 | +| Brave | Blink | V8 | +| Vivaldi | Blink | V8 | +| Yandex Browser | Blink | V8 | +| UC浏览器 | 基于WebKit/Blink | V8 | +| 360浏览器 | 基于Trident/WebKit/Blink | V8 | + +请注意，表格中的信息可能会随着浏览器版本的更新而变化。例如，Microsoft Edge在早期版本中使用了EdgeHTML和Chakra，但在最新版本中已经转向了Blink和V8。此外，一些浏览器可能使用了不同的引擎或核心，具体取决于它们的开发和更新情况。 -- Gitee