Skip to content

Latest commit

 

History

History
87 lines (63 loc) · 2.53 KB

style-guide.md

File metadata and controls

87 lines (63 loc) · 2.53 KB
Raw
title subtitle img_path menus layout
Style Guide
The style guide provides you with a blueprint of default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.
images/6.jpg
main
title weight
Style Guide
3
page

This is a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.

The HTML <h1>–<h6> elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.

This is an H1

This is an H2

This is an H3

This is an H4

This is an H5
This is an H6

Avoid using heading tags to resize text. Instead, use the CSS font-size property. Headings use size to indicate their relative importance, but CSS is preferred for general-purpose resizing.

Quoting

The HTML blockquote element defines a long block quotation in the HTML document from another source.

“Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep.” ― Scott Adams

A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

Unordered Lists

Groups a collection of items that do not have a numerical ordering, and their order in the list is meaningless.

  • Donec non tortor in arcu mollis feugiat
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  • Donec id eros eget quam aliquam gravida
  • Vivamus convallis urna id felis
  • Nulla porta tempus sapien

Ordered Lists

Represents a list of items. The only difference from the unordered list is taht the order of the items is meaningful.

  1. Donec non tortor in arcu mollis feugiat
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  3. Donec id eros eget quam aliquam gravida
  4. Vivamus convallis urna id felis
  5. Nulla porta tempus sapien

Code Blocks

/* Some example CSS code */
body {
  color:red;
}

Tables

Simple table with caption and header
First name Last name
John Doe
Jane Doe