CSS in HTML auf Blogger einbinden

Anzeige

CSS kann auf Blogspot in HTML unterschiedlich eingebunden werden. Hier beschreibe ich kurz 3 Methoden, die ich kenne.

 

Methode 1: Zwischen <head> und </head>

<!DOCTYPE html>
<html>
<head>

 

<style>
body {color: #444;}
</style>

 

</head>
<body>
...
</body>
</html>

Diese Methode ist bei Blogger Blogs sehr verbreitet. Die zwischen <head> und </head> festgelegte CSS-Eigenschaften gelten für jede Seite des Blogs.

 

Methode 2: CSS-Eigenschaften einem Element zuweisen

<!DOCTYPE html>
<html>
<head>
</head>
<body>

 

<div style="width: 300px;">Irgendein Text...</div>

 

</body>
</html>

 

Bei dieser Methode werden gewünschte CSS-Eigenschaften einem bestimmten Element zugewiesen (in diesem Fall dem div Element).

 

Methode 3: Externe CSS-Datei einbinden

<!DOCTYPE html>
<html>
<head>
 
<link rel="stylesheet" href="http://www.IhreDomain.de/pfad-zu-datei.css" />

 

</head>
<body>
</body>
</html>

 

Hier wird eine externe CSS Datei eingebunden, welche für den ganzen Blog gültig ist (ähnlich wie die erste Methode). Dieser Eintrag soll zwischen <head> und </head> eingegeben werden.

Kommentar veröffentlichen