Update README.md

lio-zero · Aug 1, 2022 · b076f4d · b076f4d
1 parent a6dd73f
commit b076f4d
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -2,6 +2,13 @@
 
 本仓库的 CSS 技巧是从我另一个仓库 [blog](https://github.com/lio-zero/blog) 的[常用的一些 CSS 技巧一](https://github.com/lio-zero/blog/blob/master/CSS/%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9B%20CSS%20%E6%8A%80%E5%B7%A7%E4%B8%80.md)和[常用的一些 CSS 技巧二 — 选择器（伪类与伪元素）](https://github.com/lio-zero/blog/blob/master/CSS/%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9B%20CSS%20%E6%8A%80%E5%B7%A7%E4%BA%8C%20%E2%80%94%20%E9%80%89%E6%8B%A9%E5%99%A8%EF%BC%88%E4%BC%AA%E7%B1%BB%E4%B8%8E%E4%BC%AA%E5%85%83%E7%B4%A0%EF%BC%89.md)整理过来的，目的是为了方便后续的阅读和添加新内容。
 
+其他 CSS 内容：
+
+- [CSS](https://github.com/lio-zero/blog#css)
+- 关于布局可以查阅 [CSS Layout](https://github.com/lio-zero/blog#css-layout)
+
+## Tricks List
+
 - [CSS3 中的 counter](#css3-中的-counter)
 - [使用 CSS `white-space` 修复文本重叠](#使用-css-white-space-修复文本重叠)
 - [Flexbox 居中元素](#flexbox-居中元素)

diff --git a/index.html b/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <style>
+      div {
+        margin-left: 20px;
+        display: list-item;
+        list-style-type: square;
+      }
+
+      div ::marker {
+      }
+
+      /* ::marker {
+        content: 'Step ' counter(list-item) ': ';
+      } */
+
+      input {
+        -webkit-text-security: circle;
+      }
+    </style>
+  </head>
+  <body>
+    <div>1</div>
+    <div>2</div>
+    <div>3</div>
+
+    <ol>
+      <li>Item One</li>
+      <li>Item Two</li>
+      <li>Item Three</li>
+    </ol>
+
+    <input type="text" />
+  </body>
+</html>