Untitled

dabblet.css

body {
padding: 0;
margin: 0;
color: hsla(47,1%,16%,1);
background: hsla(10,0%,96%,1);
background-image: url("http://subtlepatterns.com/patterns/white_leather.png");
min-height: 100%;
font-family: 'Archivo Narrow', sans-serif;
}

body p {
padding: 0 0 0 1rem;
}

.container {
padding: 1rem;
width: 28%;
float: left;
display: ;
position: relative;
}

.code {
	font-family: 'Droid Sans Mono', sans-serif;
	font-size: .8rem;
	border-radius: .5rem;
	color: hsla(9,18%,27%,1);
	background: linear-gradient(0deg, hsla(0,0%,91%,1), hsla(0,0%,95%,1));
	padding: 1rem;
	margin: -.5rem 0 2rem 0;
	box-shadow: 0 -8px 4px 0 hsla(0,0%,100%,1),
				0 1px 0 0 hsla(0,0%,100%,1),
				0 6px 8px 0 hsla(0,0%,0%,.1),
				inset 0 1px 1px 0 hsla(0,0%,0%,.15),
				0 1px 0 0 hsla(0,0%,100%,.4);
}

dabblet.html

<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow|Droid+Sans+Mono' rel='stylesheet' type='text/css'>

<div class="container">
<p>COUNT zählt Datensätze.</p>
<div class="code">SELECT COUNT(*)<br/>
FROM ARTIKEL<br/>
WHERE KATEGORIE = 'Getränke'</div>
</div>

<div class="container">
<p>AS definiert ein Synonym.</p>
<div class="code">SELECT COUNT(*) AS Anzahl_Getränke<br/>
FROM ARTIKEL<br/>
WHERE KATEGORIE = 'Getränke'</div>
</div>

<div class="container">
<p>Gesamtzahl der Datensätze in einer Tabelle: mit teuerstem Artikel.</p>
<div class="code">SELECT COUNT(*) AS Anzahl<br/>
FROM ARTIKEL<br/>
WHERE KATEGORIE = 'Getränke'<br/>
SELECT MAX(Listenpreis)<br/>
FORM Artikel</div>
</div>

<div class="container">
<p>Günstigsten Artikel pro Kategorie.</p>
<div class="code">SELECT Min(Listenpreis) AS billigst,Kategorie<br/>
FROM ARTIKEL<br/>
GROUP BY KATEGORIE</div></div>

<div class="container">
<p>Mittlerer Mindestbestand (weiter Möglichkeiten: MIN, AVG, STDDEV (Standardabweichung), SUM).</p>
<div class="code">SELECT AVG(Mindestbestand)<br/>
FROM ARTIKEL<br/></div>
</div>

<div class="container">
<p>Eckige Klammern dienen der Kapselung von Bezeichnern (z.B. wegen Sonderzeichen). Zähle Anzahl Kunden pro Bundesland/Kanton.</p>
<div class="code">SELECT COUNT(*) AS Anzahl, [Bundesland/Kanton]<br/>
FROM Kunden<br/>
GROUP BY [Bundesland/Kanton]
</div>

</div>

<div class="container">
<p>Alle Getränke sortiert nach Preis.</p>
<div class="code">SELECT *<br/>
FROM ARTIKEL<br/>
WHERE Kategorie = 'Getränke'<br/>
ORDER BY Listenpreis</div>

</div>

<div class="container">
<p>Standardreihenfolge ist aufsteigend (ASCENDING <i>{ASC}</i>). Absteigend ist:</p>
<div class="code">ORDER BY Listenpreis <b>DESC</b></div>

</div>

<div class="container">
<p>Datumsangaben in WHERE-Klauseln (in Access: Datum im amerikan. Format angeben).</p>
<div class="code">SELECT *<br/>
FROM Bestellungen<br/>
WHERE Bestelldatum > #02/01/2006#<br/> 
ORDER BY Listenpreis</div>

</div>

<div class="container">
<p>Z.B. alle im März 2006.</p>
<div class="code">SELECT *<br/>
FROM Bestellungen<br/>
WHERE Bestelldatum BETWEEN #03/01/2006# AND #03/31/2006#<br/>
</div>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}