%Teilweise Erzeugt mit dem LaTeX-Generator: http://latex.sehnot.de

%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
\usepackage[automark]{scrpage2}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}

% Mehrere Spalten
\usepackage{multicol}

%Kopfzeile
\ihead{CSS}
\chead{}
\ohead{http://kohnlehome.de/html/css-textformatierung.pdf}
\setheadsepline{0.5pt}

%Fußzeile
\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
\LARGE % Schriftgröße
\bfseries % Fettdruck
\sffamily % Serifenlose Schrift
CSS-Textformatierung
\end{center}

\section*{Texteigenschaften}
\begin{verbatim}
font-family: serif | sans-serif | monospace
\end{verbatim}

\begin{verbatim}
font-size: 1.0em | 1.0rem
\end{verbatim}

\begin{verbatim}
font-weight: normal | bold
\end{verbatim}
	
\begin{verbatim}
font-style: normal | italic
\end{verbatim}

\begin{verbatim}
text-transform: uppercase | lowercase | captitalize
\end{verbatim}

\begin{verbatim}
text-decoration: none | underline | overline | line-through
\end{verbatim}

\begin{verbatim}
line-height: 1.0em
\end{verbatim}

\begin{verbatim}
letter-spacing: 0.1em
\end{verbatim}

\begin{verbatim}
word-spacing: 0.2em
\end{verbatim}

\begin{verbatim}
text-align: left | right | center | justify
\end{verbatim}

\begin{verbatim}
text-indent: 1.0em
\end{verbatim}

\begin{verbatim}
text-shadow: 1px 1px 1px red /* offset-x offset-y blur-radius color */
\end{verbatim}

\section*{Spezielle Selektoren}
\subsection*{Pseudoelemente}
Pseudoelemente wählen nur spezifische Teile eines Elements aus.
\subsubsection*{Text}
\begin{verbatim}
::first-letter
\end{verbatim}

\begin{verbatim}
::first-line
\end{verbatim}

\subsection*{Pseudoklassen}
Pseudoklassen wählen nur Elemente mit speziellen Zuständen aus.
\subsubsection*{Links}
\begin{verbatim}
:link
:visited
:hover
:active
\end{verbatim}

\subsection*{Interaktion}
\begin{verbatim}
:focus
\end{verbatim}
	
\end{document}
