提交 171a8a92 编写于 作者: M Minwe

update docs

上级 0ad7c5a2
......@@ -10,81 +10,81 @@ Amaze UI Logo 存放在 [项目 vendor/amazeui](https://github.com/allmobilize/a
### 黑色字母
`````html
<img width="200" src="http://i.static.amazeui.org/assets/i/brand/amazeui-b.png" alt="Amaze UI Logo"/>
<img width="200" src="http://cdn.amazeui.org/assets/i/brand/amazeui-b.png" alt="Amaze UI Logo"/>
`````
__PNG:__
```html
<img width="200" src="http://i.static.amazeui.org/assets/i/brand/amazeui-b.png" alt="Amaze UI Logo"/>
<img width="200" src="http://cdn.amazeui.org/assets/i/brand/amazeui-b.png" alt="Amaze UI Logo"/>
```
__SVG:__
```html
<img width="200" src="http://i.static.amazeui.org/assets/i/brand/amazeui-b.svg" alt="Amaze UI Logo"/>
<img width="200" src="http://cdn.amazeui.org/assets/i/brand/amazeui-b.svg" alt="Amaze UI Logo"/>
```
### 白色字母
`````html
<img width="200" style="background: #8058A5; padding: 10px" src="http://i.static.amazeui.org/assets/i/brand/amazeui-cw.png" alt="Amaze UI Logo"/>
<img width="200" style="background: #8058A5; padding: 10px" src="http://cdn.amazeui.org/assets/i/brand/amazeui-cw.png" alt="Amaze UI Logo"/>
`````
__PNG:__
```html
<img width="200" src="http://i.static.amazeui.org/assets/i/brand/amazeui-cw.png" alt="Amaze UI Logo"/>
<img width="200" src="http://cdn.amazeui.org/assets/i/brand/amazeui-cw.png" alt="Amaze UI Logo"/>
```
__SVG:__
```html
<img width="200" src="http://i.static.amazeui.org/assets/i/brand/amazeui-cw.svg" alt="Amaze UI Logo"/>
<img width="200" src="http://cdn.amazeui.org/assets/i/brand/amazeui-cw.svg" alt="Amaze UI Logo"/>
```
### 纯白
`````html
<img width="200" style="background: #8058A5; padding: 10px" src="http://i.static.amazeui.org/assets/i/brand/amazeui-w.png" alt="Amaze UI Logo"/>
<img width="200" style="background: #8058A5; padding: 10px" src="http://cdn.amazeui.org/assets/i/brand/amazeui-w.png" alt="Amaze UI Logo"/>
`````
__PNG:__
```html
<img width="200" src="http://i.static.amazeui.org/assets/i/brand/amazeui-w.png" alt="Amaze UI Logo"/>
<img width="200" src="http://cdn.amazeui.org/assets/i/brand/amazeui-w.png" alt="Amaze UI Logo"/>
```
__SVG:__
```html
<img width="200" src="http://i.static.amazeui.org/assets/i/brand/amazeui-w.svg" alt="Amaze UI Logo"/>
<img width="200" src="http://cdn.amazeui.org/assets/i/brand/amazeui-w.svg" alt="Amaze UI Logo"/>
```
### 独立图形
`````html
<img width="60" style="padding: 10px; margin-right: 10px" src="http://i.static.amazeui.org/assets/i/brand/amazeui-s.png" alt="Amaze UI Logo"/>
<img width="60" style="padding: 10px; margin-right: 10px" src="http://cdn.amazeui.org/assets/i/brand/amazeui-s.png" alt="Amaze UI Logo"/>
<img width="60" style="background: #8058A5; padding: 10px" src="http://i.static.amazeui.org/assets/i/brand/amazeui-sw.png" alt="Amaze UI Logo"/>
<img width="60" style="background: #8058A5; padding: 10px" src="http://cdn.amazeui.org/assets/i/brand/amazeui-sw.png" alt="Amaze UI Logo"/>
`````
__PNG:__
```html
<!-- 彩色 -->
<img src="http://i.static.amazeui.org/assets/i/brand/amazeui-s.png" alt="Amaze UI Logo"/>
<img src="http://cdn.amazeui.org/assets/i/brand/amazeui-s.png" alt="Amaze UI Logo"/>
<!-- 白色 -->
<img src="http://i.static.amazeui.org/assets/i/brand/amazeui-sw.png" alt="Amaze UI Logo"/>
<img src="http://cdn.amazeui.org/assets/i/brand/amazeui-sw.png" alt="Amaze UI Logo"/>
```
__SVG:__
```html
<!-- 彩色 -->
<img src="http://i.static.amazeui.org/assets/i/brand/amazeui-s.svg" alt="Amaze UI Logo"/>
<img src="http://cdn.amazeui.org/assets/i/brand/amazeui-s.svg" alt="Amaze UI Logo"/>
<!-- 白色 -->
<img src="http://i.static.amazeui.org/assets/i/brand/amazeui-sw.svg" alt="Amaze UI Logo"/>
<img src="http://cdn.amazeui.org/assets/i/brand/amazeui-sw.svg" alt="Amaze UI Logo"/>
```
\ No newline at end of file
......@@ -255,7 +255,7 @@ Amaze UI CSS class 命名遵循关注分离、松耦合的原则,同时注重
当 HTML 源代码满眼望去都是 class 时,是不是很抓狂?
不过为了实现代码复用,减少重复冗余,难免要把代码拆分在不同的 class 下面。我们只能寻找一个平衡点,避免过细的拆分,少不必要的 class。
不过为了实现代码复用,减少重复冗余,难免要把代码拆分在不同的 class 下面。我们只能寻找一个平衡点,避免过细的拆分,少不必要的 class。
### 选择符书写
......
......@@ -74,17 +74,21 @@ body {
另外,在 Webkit 浏览器下还设置了反锯齿平滑渲染,渲染出来要纤细一些,其他内核的浏览器上看着稍粗一些。
__2014.10.10 update:__ OSX 平台的 Firefox 从 v25 增加了 `-moz-osx-font-smoothing`,实现类似 Webkit 的字体渲染效果。
```css
html {
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
```
如果你不喜欢,可以重置成浏览器的默认平滑字体。
```css
html {
body {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}
```
......@@ -96,7 +100,7 @@ html {
千萬不要因為走得太久,而忘記了我們為什麼出發。
</p>
<br/>
<div style="-webkit-font-smoothing: subpixel-antialiased;">
<div style="-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: auto">
<h3>未开启反锯齿 <code>-webkit-font-smoothing: subpixel-antialiased;</code></h3>
<p>
......@@ -115,7 +119,7 @@ html {
千萬不要因為走得太久,而忘記了我們為什麼出發。
</p>
<br/>
<div style="-webkit-font-smoothing: subpixel-antialiased;">
<div style="-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto">
<h3>-webkit-font-smoothing: subpixel-antialiased;</h3>
<p >
The quick brown fox jumps over the lazy dog. <br/>
......@@ -128,6 +132,7 @@ html {
参考链接:
- [-webkit-font-smoothing](http://ued.ctrip.com/blog/wp-content/webkitcss/prop/font-smoothing.html)
- [Better font-rendering on OSX](http://maximilianhoffmann.com/posts/better-font-rendering-on-osx)
### 字体相关链接
......
......@@ -15,7 +15,7 @@ Amaze UI 的诞生,依托于 GitHub 及其他技术社区上一些优秀的资
<!--
### RC1
[@John.Wall](http://t.qq.com/wangzj141)、@ayhome、[@啸沧海](http://t.qq.com/seecool)[@成都高校联盟](http://www.cdunu.com/)
[@John.Wall](http://t.qq.com/wangzj141)、@ayhome、[@啸沧海](http://t.qq.com/seecool)[@成都高校联盟](http://www.cdunu.com/)、@Henry、[@Kimi](http://weibo.com/2536228053)、@nswish
-->
### Beta2
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册