排版

Type is all set with the rems, so font-sizes and spacial relationships can be responsively sized based on a single <html> font-size property. Out of the box, Skeleton never changes the <html> font-size, but it's there in case you need it for your project. All measurements are still base 10 though so, an <h1> with 5.0remfont-size just means 50px.

Heading <h1> 50rem

Heading <h2> 42rem

Heading <h3> 36rem

Heading <h4> 30rem

Heading <h5> 24rem
Heading <h6> 15rem



按钮

Buttons come in two basic flavors in Skeleton. The standard <button> element is plain, whereas the .button-primary button is vibrant and prominent. Button styles are applied to a number of appropriate form elements, but can also be arbitrarily attached to anchors with a .button class.

Anchor button
Anchor button


列表

  • 无序列表具有基本样式
  • 他们使用圆形列表样式
    • 嵌套列表的样式设计得恰到好处
    • 可以将任一类型的列表嵌套到另一个列表中
  • 只是更多的列表项目妈妈
  1. 有序列表也有基本样式
  2. 他们使用十进制列表样式
    • 有序和无序可以嵌套
    • 可以将任一类型的列表嵌套到另一个列表中
  3. 最后一个列表项只是为了好玩



密码

Code styling is kept basic – just wrap anything in a <code> and it will appear like this. For blocks of code, wrap a <code> with a <pre>.

					
.some-class {
	background-color: red;
}