Rafaël's Personal CSS Reset

General Elements

Lists

Unsorted List
Ordered List
  1. List Item 1
  2. List Item 2
  3. List Item 3

Blockquote

This is a blockquote

Address Tag

For more information visit: www.rafaeldejongh.com

Details & Summery Tag

Summary Information

Details Information

Table

Day Month Year
16 Nov 2016

Horizontal Rule


Typography

Paragraph

Lorem ipsum dolor sit amet.

Long Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, quam a aliquet lobortis, libero risus finibus metus, ut molestie leo nulla non magna. Etiam et condimentum ex, vitae efficitur enim. Vestibulum pulvinar, tortor ut suscipit ultrices, justo nisi convallis magna, ac vulputate mi lectus ac libero. Nam in sodales augue. Suspendisse vitae nibh risus. Etiam ac aliquet nisl. Ut eget nibh quis tortor imperdiet pellentesque eu vitae massa. Suspendisse posuere ullamcorper mauris, et pharetra erat egestas mollis. Quisque et enim semper, convallis erat eget, pretium nulla.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Anchor Points

This is a link to: www.rafaeldejongh.com

Strong

Strong Text

Deleted

This is text that is deleted

Inserted

This is text that is inserted

Subscript

This is subscript text

Superscript

This is subscript text

Marked Text

This is marked text

Abbreviation

RDJ

Defining Instance

Regular text Defining Item of a text regular text

Pre|Code|Samp|Var

/*This is separated styling to make the reset look more structured and is not included in the reset*/
header{border-bottom:1px solid #ddd;padding:1em;margin-bottom:1em;position:fixed;top:0;width:100%;z-index:999;background:#fff;}
#title{display:inline-block;font-size:1.5em}
header nav{float:right;margin-top:5px}
section{padding:65px 0;border-bottom:1px solid #ddd}
main{padding:0 1em}
footer{text-align:center;border-top:1px solid #ddd;padding:1em;margin-top:1em}
		

Forms

Text Input Field

Number Input Field

Password Input Field

E-mail Input Field

Patterned Input Field

Date Input Field

Text Input Field & Label

Disabled Input Field

Textarea

Radio Buttons

Yes No

Checkboxes

I can code I can texture

Dropdown Box

Datalist

File Upload

Buttons

Fieldset & Legend

I am the legend

This is a paragraph in the fieldset.

Media Element

Progress

Figure

Rafael De Jongh's SVG Logo
This is the figcaption of a Small SVG Image

Images

Medium Image

Rafael De Jongh's Logo

Big Image

Rafael De Jongh's Header

SVG Image

Rafael De Jongh's SVG Logo

Audio

Video