diff --git a/README.md b/README.md index 76fa569..a2da2e8 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,7 @@ ## 中文网页重设与排版: -目标:一致化浏览器排版效果,构建最适合中文阅读的网页排版。包括桌面和移动平台。 +来源:这个是[typo.css](http://typo.sofish.de)的一个分支,但是我在上面做了一些修改:主要是为了在iPhone上适配,所以在浏览器的兼容性上不会考虑太多,以后可能会跟JS一起做一些效果。建议去看typo.css的原分支 -预览:[typo.css](http://typo.sofish.de) ### 一、目录结构 . @@ -42,3 +41,5 @@ 基于 [MIT License](http://zh.wikipedia.org/wiki/MIT_License) 开源,使用代码只需说明来源,或者引用 [license.txt](https://github.com/sofish/typo.css/blob/master/license.txt) 即可。 + + diff --git a/typo.css b/typo.css index 80dad61..a3c82d8 100644 --- a/typo.css +++ b/typo.css @@ -59,9 +59,13 @@ iframe { /* 块/段落引用 */ blockquote { - margin: 1em 4em 1em 2em; + /*margin: 1em 4em 1em 2em; padding: 0.6em 1em; - background: #f1f1f1; + background: #f1f1f1;*/ + padding: 0 0 0 1em; + margin-left: 0em; + border-left: 0.2em solid #ddd; + } blockquote blockquote { padding: 0 0 0 1em; @@ -250,10 +254,37 @@ h1, h2, h3, h4, h5, h6{ /* TODO: 供着重号使用 */ .typo-em, .typo em { - font-weight: 700; + /*font-weight: 700;*/ + color:#111; + border-bottom: 1px dashed #ddd; } -/* TODO: 供首字下沉使用 */ +/* 供首字下沉使用 */ .typo-first{ - -} + /*http://css-tricks.com/snippets/css/drop-caps/ 里面提到的实现方式*/ + float: left; + color: #000; + font-size: 250%; + line-height: 100%; + padding-top: 4px; + padding-right: 8px; + padding-left: 3px; +} +/*渐显的效果,使用代码如下 +body{ + -webkit-animation: myfirst 3s; +} +*/ +@-webkit-keyframes fadeIn{ + from {opacity: 0;} + to {opacity: 1;} +} +/*img的边框与阴影 这个属性还是在乱写值当中,不要用 +*/ +.typo-imgShadow{ + -webkit-box-shadow: 0px 3px 12px 0px #ccc; + border:1px #ddd solid +} + + + \ No newline at end of file