Update documents format

Zohner · Jan 26, 2019 · 1aaf265 · 1aaf265
1 parent 63be131
commit 1aaf265
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 12 deletions.
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -1,6 +1,6 @@
 module.exports = {
-  title: 'css tricks',
-  description: 'some css tricks, 一些常用的css样式, 一点css技巧',
+  title: 'CSS Tricks',
+  description: 'some CSS tricks, 一些常用的 CSS 样式, 一点 CSS 技巧',
   dest: './dist', // 设置输出目录
   base: '/css_tricks/',
   head: [
@@ -9,8 +9,8 @@ module.exports = {
     ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
     ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
     ['meta', { name: 'msapplication-TileColor', content: '#00adb5' }],
-    ['meta', {name:'description', itemprop: 'description', content: 'some css tricks, 一些常用的css样式, 一点css技巧' }],
-    ['meta', { itemprop: 'name', content: 'css_trick' }],
+    ['meta', {name:'description', itemprop: 'description', content: 'some CSS tricks, 一些常用的 CSS 样式, 一点 CSS 技巧' }],
+    ['meta', { itemprop: 'name', content: 'CSSTricks' }],
     ['meta', { itemprop: 'image', content: '/css_tricks/images/favicon.png' }],
   ],
   repo: 'https://qishaoxuan.github.io/css_tricks/', // 添加 github 链接
@@ -95,7 +95,6 @@ module.exports = {
           ['/polygonLayout/','多边形布局'],
         ]
       },
-      // ['/', 'Home'],
     ]
   }
 }
diff --git a/docs/README.md b/docs/README.md
@@ -2,8 +2,8 @@
 
 ## 关于 About
 
-- 总结一些常用的 css 样式
-- 记录一些 css 的新属性和一点奇技淫巧
+- 总结一些常用的 CSS 样式
+- 记录一些 CSS 的新属性和一点奇技淫巧
 
 尽量少说废话，代码简单易用，方便复制
 

diff --git a/docs/accordion/README.md b/docs/accordion/README.md
@@ -1,4 +1,4 @@
-# css实现的手风琴样式
+# CSS 实现的手风琴样式
 <accordion/>
 
 ```html

diff --git a/docs/lineBreak/README.md b/docs/lineBreak/README.md
@@ -1,5 +1,5 @@
 ::: tip
-在Unicode中，`0x000A` 字符是专门控制换行的。在CSS中，我们可以写为 `\000A` 或 `\A`,我们可以用它来作为 `::after` 伪元素的内容，并将其添加到指定元素的尾部，实现换行效果。
+在Unicode中，`0x000A` 字符是专门控制换行的。在 CSS 中，我们可以写为 `\000A` 或 `\A`,我们可以用它来作为 `::after` 伪元素的内容，并将其添加到指定元素的尾部，实现换行效果。
 :::
 
 <lineBreak/>

diff --git a/docs/object/README.md b/docs/object/README.md
@@ -7,11 +7,11 @@
 
 替换元素是指
 
-> 其内容不受CSS视觉格式化模型（中文释义参见这里）控制的元素，比如image, 嵌入的文档(iframe之类)或者applet。比如，img元素的内容通常会被其src属性指定的图像替换掉。替换元素通常有其固有的尺寸：一个固有的宽度，一个固有的高度和一个固有的比率。比如一幅位图有固有用绝对单位指定的宽度和高度，从而也有固有的宽高比率。另一方面，其他文档也可能没有固有的尺寸，比如一个空白的html文档。
+> 其内容不受 CSS 视觉格式化模型（中文释义参见这里）控制的元素，比如image, 嵌入的文档(iframe之类)或者applet。比如，img元素的内容通常会被其src属性指定的图像替换掉。替换元素通常有其固有的尺寸：一个固有的宽度，一个固有的高度和一个固有的比率。比如一幅位图有固有用绝对单位指定的宽度和高度，从而也有固有的宽高比率。另一方面，其他文档也可能没有固有的尺寸，比如一个空白的html文档。
 >
-> CSS渲染模型不考虑替换元素内容的渲染。这些替换元素的展现独立于CSS。object, video, textarea, input也是替换元素，audio和canvas在某些特定情形下为替换元素。
+> CSS 渲染模型不考虑替换元素内容的渲染。这些替换元素的展现独立于CSS。object, video, textarea, input也是替换元素，audio和canvas在某些特定情形下为替换元素。
 >
->  使用CSS的content属性插入的对象是匿名替换元素。
+>  使用 CSS 的content属性插入的对象是匿名替换元素。
 
 也就是说，`img` 和 `form`表单控件， 以及 `video` 等元素即是替换元素，可以被 `object-fit` 和 `object-position` 属性所控制。