Boolie.org

Übersicht von Styleanwendungen auf verschiedene Objekte.  Es wird erklärt wie auf Class , ID , HTML Tag Styles übertragen werden. Des weiteren wird noch das :hover genauer erklärt.

Class – .class

Eine class erstellen: freestyle

.freestyle{font-size:30px;}
<span class="freestyle">Hello World</span>
<span class="freestyle">Hello World</span>

Mehrfach auf Objekte anwendbar.

ID – #ID

ID: freestyle

#freestyle{font-size:30px;}
<span id="freestyle">Hello World</span>

Es darf nur ein Element mit der selben ID existieren.

HTML-Tag – TAG

HTML-Tag: h2

h2{font-size:30px;}
<h2>Hello World</h2>

Dieser Style wird auf jedes h2 Element auf der Seite übertragen.

hover – STATE

a{text-decoration:none;}
a:hover{text-decoration:underline;}
<a href="#">dies ist ein Link</a>

dies ist ein Link

View Comments

Aktuell keine Kommentare vorhanden.

nächster Beitrag