Artkon Blueprint | v1.9, Stand: 2016-12-17

CSS Basiselemente

Vielen Dank, dass Sie die Artkon Blueprint-Textvorlage verwenden. Artkon ist Ihre Webagentur, wenn einmal nicht alles nur kompliziert sein soll. Werfen Sie doch einmal einen Blick auf unser Produktangebot (zur Website von Artkon)!

Dieser Beispieltext bildet die Entscheidungsgrundlage für die Formatierung von Texten mithilfe von Cascading Stylesheets (CSS). Dabei werden hier tunlichst alle möglichen HTML-Elemente eingebunden, die für die Gestaltung von Websites benötigt werden.

Achtung: zur farblichen Hervorhebung ist die Klasse ‚coloredHTML‘ zu definieren!


Email-Format

Sollte Ihnen in diesem Demo-Text ein HTML-Element fehlen, bitten wir Sie um eine Benachrichtigung:

info@artkon.com

Wir kümmern uns um den ehebaldigen Nachtrag.


Überschriften

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Absatz

Logo Artkon e.U.Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.


Listen

Definition List

Definition List Title
This is a definition list division.

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Fieldsets, Legenden und Formularelemente

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Formularelemente

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.




Radio 1
Radio 2
Radio 3


Radio 1
Radio 2
Radio 3





Tabellen

Tabellenüberschrift
Table Header 1 Table Header 2 Table Header 3
Footer 1 Footer 2 Footer 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Verschiedenes – abbr, acronym, pre, code, sub, sup etc.

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite (Quellenangabe). Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Zitat

This stylesheet is going to help so freaking much.

-Blockquote

Adresse

<address>
Donald Duck
Box 555
Disneyland

Code


<code>
Not indented
indent1
indent1
indent2
indent3

KBD


<kbd>
This kbd text should be monospaced
and
wrap as if
one line of text
even though the code has newlines, spaces, and tabs.
It should be the same size as <p> text.


Textmuster zur Unterscheidkeit ähnlicher Buchstaben

Größe: 10px

aceo
(klein A, C, E, O)

Il1
(groß I, klein l, Ziffer 1)

O0
(groß O, Ziffer 0)

Größe: 14px

aceo
(klein A, C, E, O)

Il1
(groß I, klein l, Ziffer 1)

O0
(groß O, Ziffer 0)

Größe: 18px

aceo
(klein A, C, E, O)

Il1
(groß I, klein l, Ziffer 1)

O0
(groß O, Ziffer 0)

Größe: 22px

aceo
(klein A, C, E, O)

Il1
(groß I, klein l, Ziffer 1)

O0
(groß O, Ziffer 0)