interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Neuer Ansatz für css Benennung

Browse source 
Paar grundlegende Klassen umbenannt.
Neue .gitignore
This commit is contained in:
Stephan 2017-08-16 19:49:36 +02:00
parent 7e85f9f654
commit 9c03fb44cc
8 changed files with 306 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

14
example.html
View file

@ -7,26 +7,26 @@
<meta name="author" content="Interaktionsweise">
<meta name="description" content="hippie example">
<meta name="generator" content="notepad++, sublime">
<meta name="generator" content="Notepad++, Atom">
<meta name="robots" content="noindex">
<!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'>-->
<link rel="stylesheet" type="text/css" media="all" href="./example.css"/>
</head>
<body>
<body class="viewport-hover-body">
<div class="layer_absolute">
<div class="layer">
<div class="exp_overlay_btn exp_help_btn"><span class="span_solo">?</span></div>
</div>
<div class="screen_body">
<div class="screen-box">
Dies ist einfach nur Text.<br/>Weniger wäre Nichts, denn dieser Text ist nicht durch ein spezifisches Element umschlossen.
<p>Es wirken nur die Eigenschaften des <code>&lt;body&gt;</code> Elements. Dieses Element umschließt den gesamten Inhalt des Dokumentes und kommt daher nur einmal vor. Inhalte sind normalerweise durch Elemente definiert. Grundlegende Elemente teilen das Dokument zunächst in Abschnitte.</p>
<h1>Bereiche</h1>
<article>
<section>
<p>Einen Abschnitt, welcher für sich alleine stehen kann, definiert sich durch <code>&lt;article&gt;</code>. Solch ein Element wird oft detailliert gestaltet kommt aber auch ohne jegliche Gestaltung aus.</p>
<p>Einen Abschnitt, welcher für sich alleine stehen kann, definiert sich durch <code>&lt;article&gt;</code>. Solch ein Element wird oft detailliert gestaltet, kommt aber auch ohne jegliche Gestaltung aus.</p>
<p>Noch allgemeiner ist das <code>&lt;section&gt;</code> Element. Es schafft Bereiche um Inhalte zu strukturieren.</p>
<p>Bestimmte Bereiche haben einen vorgegebene Zweck.<br/>Folgende Bereiche sind vorgegeben:</p>
</section>
@ -203,7 +203,7 @@
<td>A</td>
<td>B</td>
</tr>
</tfoot>
</tfoot>
<tbody>
<tr>
<td>Tabelle</td>
@ -483,4 +483,4 @@
});
</script>
</body>
</html>
</html>