diedVIPs

html knowhow

Scripte einbinden








Canonial

Es gibt 2 Methoden eine CSS-Datei in eine html-Seite einzubauen:

1. Eigenständige Datei

2. Eingebaute Datei

CSS ist die Abkürzung für “Cascading Style Sheets”. CSS ist eine Computersprache um Websites aufzubauen und zu strukturieren (HTML oder XML). Diese Sprache enthält Code-Elemente und setzt sich aus diesen “Cascading Style Sheets“ zusammen, die auch CSS-Dateien (. css) genannt werden.



Als eigenständige Datei (Beispiel)
Das gehört in den meta-tag


<link rel="stylesheet" href="beispiel.css"/>

So könnte z.B. die externe beispiel.css Seite aussehen

body {color: #000; background-color: #f4f4f4; transition: background-color 1s ease; }
panel {min-height: 100vh; display: flex; justify-content: space-around;  align-items: center; font-family: sans-serif;}
.color {background-color: #7A4EAB;}
.auto-style7 {color: #FFFFFF;}
.auto-style8 {background-color: #008080;}
#p {text-align: center;}
.auto-style19 {border: 1px solid #008000;text-align: center;font-size:1.3em;}
.auto-style21 {text-decoration: none;}
.auto-style28 {border-color: #00FF00;border-width: 0;}
.auto-style30 {font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 1.5em;background-color: #D7FFF9;}
Aufruf im html-Dokument
ohne   mit z.B.: Nichts. Trifft auf die ganze Seite zu
.           mit z.B.: <td class="color" style="border: 1px solid #008080; text-align: left;>
#         mit z.B.: <td id="p" style="border: 1px solid #008080; text-align: left;>


Als eingebaute Datei (Beispiel)

<head>

<style type="text/css>
body {color: #000; background-color: #f4f4f4; transition: background-color 1s ease; }
panel {min-height: 100vh; display: flex; justify-content: space-around;  align-items: center; font-family: sans-serif;}
.color-violet {background-color: #7A4EAB;}
.auto-style7 {color: #FFFFFF;}
.auto-style8 {background-color: #008080;}
.auto-style18 {text-align: center;}
.auto-style19 {border: 1px solid #008000;text-align: center;font-size:1.3em;}
.auto-style21 {text-decoration: none;}
.auto-style28 {border-color: #00FF00;border-width: 0;}
.auto-style30 {font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 1.5em;background-color: #D7FFF9;}

</style>

</head>










Kontakt    Datenschutz   Impressum