CSS (Cascading sheets stil) në HTML
Ka disa mënyra - për të mësuar e para dy metodat janë të dërguar. Këtu janë kodin CSS direkt të përfshira në HTML. Për zhvillimin e web site të rekomanduara në tretë Variant. Atje, udhëzimet CSS ruhen në një skedar të jashtëm dhe për këtë skedar është e përfshirë më pas në çdo faqe HTML.
Opsioni 1: Kodi direkt në kodin burimor
Direkt në kodin burimor të bëjë të komandës vetëm në këtë pikë në faqen në mënyrë që ju mund të përdorni dizajne të ndryshme.
Shembull:
- Kodi:
-
<h1 style="letter-spacing:30px;">Überschrift</h1>
Të gjitha letrat në fund të h1> janë çdo të përfaqësuar me një distancë prej 30 në mes të letrave.
Sigurisht, komandat gjithashtu mund të kombinohet.
Përveç gjerësi karakter tani është duke shtuar një tjetër ngjyrë:
- Kodi:
-
<h1 style="letter-spacing:30px; color:red;">Überschrift</h1>
Këtu, natyrisht, çështja është e ligjshme, pse nuk me komandat e zakonshme HTML? Logjika e çështjes është e qartë, në qoftë se ju transferojmë këto përcaktime stilesh (shih opsion 3 më poshtë). Kjo pastaj mund të krijohen, për shembull, një mjedis që do të aplikohen për të gjithë
pa posaçërisht për të ndërhyrë në HTML tag duhet.
Opsioni 2: Në fillim të file HTML
Koke te skedarit HTML, CSS pronat mund të përcaktohet. Kjo do të kontribuojë në të gjithë dokumentin HTML.
- Kodi:
-
<head>
<style type="text/css">
<!--
h1 {
color:red;
letter-spacing:30px;
}
-->
</style>
</head>
<body>
<h1>jetzt HTML lernen mit CSS</h1>
</body>
Opsioni 3: Delegimi i komandave CSS
Për të shkarkoj dy gjëra janë të nevojshme. Së pari, një skedë të re, që unë e quaj këtë design.css (por mund edhe të thotë çfarëdo të ndryshme) dhe e dyta një referencë për atë në HTML për të përdorur këto fotografi jepen.
Referenca në dosjen HTML:
Kjo referencë duhet të hyrë në zonën e kokës.
- Kodi:
-
<link href="design.css" type="text/css" rel="stylesheet" />
Deri tani kemi krijuar një file të ri të quajtur "design.css.
Përmbajtja:
- Kodi:
-
h1 {
color:red;
letter-spacing:30px;
}
Unbedingt auf Leerzeichen achten, und als Klammern kommen hier die geschweiften zum Zuge!! So, Datei abspeichern und im HTML Editor zurück zur ursprünglichen Internetseite.