SlideShare una empresa de Scribd logo
1 de 3
CSS Eigene Stilklassen
Bezug zu Selektor (&quot;gebundene Klasse&quot;) h1 . gruen { color : green; } h1 . rot { color : red; } <h1 class=&quot;gruen&quot;>Grüne Überschrift</h1> ... <h1 class=&quot;rot&quot;>Rote Überschrift</h1> ... selektor . klassenname { Definition }
Kein Bezug zu Selektor (&quot;freie/ungebundene Klasse&quot;) . gruen { color : green; } . winzig { font-size : 8px; } <h1 class=&quot;gruen&quot;>Grüne Überschrift</h1> ... <h1 class=&quot;winzig&quot;>Kleine Überschrift</h1> ... . klassenname { Definition } Punkt nicht vergessen!

Más contenido relacionado

Destacado

International Project Management
International Project ManagementInternational Project Management
International Project ManagementPeter Birnstingl
 
Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"
Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"
Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"B-S-S Business Software Solutions GmbH
 
Copil 061010
Copil 061010Copil 061010
Copil 061010proetco
 
Plénière 3 - SPECIAL LIMOUSIN - Présentation Emakina les cibles du Limousin
Plénière 3  - SPECIAL LIMOUSIN - Présentation Emakina   les cibles du LimousinPlénière 3  - SPECIAL LIMOUSIN - Présentation Emakina   les cibles du Limousin
Plénière 3 - SPECIAL LIMOUSIN - Présentation Emakina les cibles du LimousinR-Evolutions Touristiques de Brive
 
Run in lyon
Run in lyonRun in lyon
Run in lyonbemece69
 
Les flux rss pour le référencement
Les flux rss pour le référencementLes flux rss pour le référencement
Les flux rss pour le référencementsylvain42100
 
Films mosaïques
Films mosaïquesFilms mosaïques
Films mosaïquesIntuimotion
 
Doubleexpressv2012
Doubleexpressv2012Doubleexpressv2012
Doubleexpressv2012Schitter
 
Atelier 4 et 6 Boutique : comment concilier développement des recettes et r...
Atelier 4 et 6   Boutique : comment concilier développement des recettes et r...Atelier 4 et 6   Boutique : comment concilier développement des recettes et r...
Atelier 4 et 6 Boutique : comment concilier développement des recettes et r...R-Evolutions Touristiques de Brive
 
Presentation compilatio.net: Adminstrateur-Orléans
Presentation compilatio.net: Adminstrateur-OrléansPresentation compilatio.net: Adminstrateur-Orléans
Presentation compilatio.net: Adminstrateur-OrléansAnne Hamel
 
Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14
Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14
Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14Realizing Progress
 
Evolution de la prise en charge des PPC dans les apnées du sommeil
Evolution de la prise en charge des PPC dans les apnées du sommeilEvolution de la prise en charge des PPC dans les apnées du sommeil
Evolution de la prise en charge des PPC dans les apnées du sommeilRESEAU MORPHEE
 
Wie man Negative scannt
Wie man Negative scanntWie man Negative scannt
Wie man Negative scanntScanCorner
 
Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?
Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?
Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?Jean-Philippe Simonnet
 

Destacado (19)

International Project Management
International Project ManagementInternational Project Management
International Project Management
 
Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"
Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"
Digitale Assistenz "Gute Entscheidungen trifft, wer seine Möglichkeiten kennt"
 
Copil 061010
Copil 061010Copil 061010
Copil 061010
 
Plénière 3 - SPECIAL LIMOUSIN - Présentation Emakina les cibles du Limousin
Plénière 3  - SPECIAL LIMOUSIN - Présentation Emakina   les cibles du LimousinPlénière 3  - SPECIAL LIMOUSIN - Présentation Emakina   les cibles du Limousin
Plénière 3 - SPECIAL LIMOUSIN - Présentation Emakina les cibles du Limousin
 
Dokumentation: Strategieworkshop JugendMentoring 2020
Dokumentation: Strategieworkshop  JugendMentoring 2020Dokumentation: Strategieworkshop  JugendMentoring 2020
Dokumentation: Strategieworkshop JugendMentoring 2020
 
Atelier 3 Comment être présents sur les réseaux sociaux ?
Atelier 3 Comment être présents sur les réseaux sociaux ?Atelier 3 Comment être présents sur les réseaux sociaux ?
Atelier 3 Comment être présents sur les réseaux sociaux ?
 
Run in lyon
Run in lyonRun in lyon
Run in lyon
 
Les flux rss pour le référencement
Les flux rss pour le référencementLes flux rss pour le référencement
Les flux rss pour le référencement
 
Films mosaïques
Films mosaïquesFilms mosaïques
Films mosaïques
 
2011 10 05 15-15 rolf künzi opacc
2011 10 05 15-15 rolf künzi opacc2011 10 05 15-15 rolf künzi opacc
2011 10 05 15-15 rolf künzi opacc
 
Doubleexpressv2012
Doubleexpressv2012Doubleexpressv2012
Doubleexpressv2012
 
 
Lexique.hc.serre
Lexique.hc.serreLexique.hc.serre
Lexique.hc.serre
 
Atelier 4 et 6 Boutique : comment concilier développement des recettes et r...
Atelier 4 et 6   Boutique : comment concilier développement des recettes et r...Atelier 4 et 6   Boutique : comment concilier développement des recettes et r...
Atelier 4 et 6 Boutique : comment concilier développement des recettes et r...
 
Presentation compilatio.net: Adminstrateur-Orléans
Presentation compilatio.net: Adminstrateur-OrléansPresentation compilatio.net: Adminstrateur-Orléans
Presentation compilatio.net: Adminstrateur-Orléans
 
Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14
Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14
Blogsysteme: Vorstellung von WordPress - Internetwoche Köln #IWCGN14
 
Evolution de la prise en charge des PPC dans les apnées du sommeil
Evolution de la prise en charge des PPC dans les apnées du sommeilEvolution de la prise en charge des PPC dans les apnées du sommeil
Evolution de la prise en charge des PPC dans les apnées du sommeil
 
Wie man Negative scannt
Wie man Negative scanntWie man Negative scannt
Wie man Negative scannt
 
Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?
Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?
Petits secrets entre amis : les acteurs du web doivent ils prêter serment ?
 

Más de lehrerfreund

mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTOlehrerfreund
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLElehrerfreund
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypenlehrerfreund
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatierenlehrerfreund
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layoutslehrerfreund
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheetlehrerfreund
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfenlehrerfreund
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Arraylehrerfreund
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrayslehrerfreund
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHPlehrerfreund
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)lehrerfreund
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypenlehrerfreund
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentarelehrerfreund
 

Más de lehrerfreund (20)

ERM - Überblick
ERM - ÜberblickERM - Überblick
ERM - Überblick
 
mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
 
mySQL - SELECT
mySQL - SELECTmySQL - SELECT
mySQL - SELECT
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layouts
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheet
 
PHP: foreach
PHP: foreachPHP: foreach
PHP: foreach
 
PHP: Switch
PHP: SwitchPHP: Switch
PHP: Switch
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
 
PHP: exit
PHP: exitPHP: exit
PHP: exit
 
PHP: isset
PHP: issetPHP: isset
PHP: isset
 
PHP: if-else
PHP: if-elsePHP: if-else
PHP: if-else
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
 

CSS: Eigene Stilklassen

  • 2. Bezug zu Selektor (&quot;gebundene Klasse&quot;) h1 . gruen { color : green; } h1 . rot { color : red; } <h1 class=&quot;gruen&quot;>Grüne Überschrift</h1> ... <h1 class=&quot;rot&quot;>Rote Überschrift</h1> ... selektor . klassenname { Definition }
  • 3. Kein Bezug zu Selektor (&quot;freie/ungebundene Klasse&quot;) . gruen { color : green; } . winzig { font-size : 8px; } <h1 class=&quot;gruen&quot;>Grüne Überschrift</h1> ... <h1 class=&quot;winzig&quot;>Kleine Überschrift</h1> ... . klassenname { Definition } Punkt nicht vergessen!