Git Product home page Git Product logo

cube's Introduction

Cube

The brix style revised.

模块

  • neat.css
  • type.css
  • iconfont.css
  • utils.css

neat.css

样式重置。

type.css 为中文排版而生

国外现有的 CSS 解决方案(例如: Bootstrap,Normalize,CSS Reset 等)都不会考虑针对中文排版做优化,type.css 就是为了 解决这个问题而生,以 neat.css 为基础,让普通使用者无需考虑排版细节,快速应用到博客、文章等 大面积中文排版的地方。

中文排版的难点:

  1. 网页中可用简体中文字体较少,字体字号的选择尤为重要
  2. 不同浏览器及操作系统的渲染差异
  3. 特定 HTML 标签在中文排版中的用法,例如专名号[<u>](#u)

Type.css 的优化

  1. 默认字号设为14px,更加便于阅读
  2. 字体根据不同的操作系统和浏览器做最佳适配:
    • Windows Vista 及其以上版本使用「微软雅黑」
    • OS X 10.6 及其以上版本使用「冬青黑体简体中文(Hiragino Sans GB)」
    • OS X 10.6 以下及 iOS 使用系统默认的「华文黑体」
    • Linux 使用「文泉驿微米黑(Wenquanyi Micro Hei)」
  3. 针对特定的 HTML 标签做优化,见示例

Iconfont.css

字体样式。

Utils.css

工具样式。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.