Video: css-2 2024
Som standard är alla HTML-taggar i Cascading Style Ark (CSS), är strukturellt förformaterade för att se en viss väg och utföra specifika funktioner. Ta taggen
, till exempel. Den här taggen är förformaterad till stor, svart och fet och den är avsedd att identifiera huvudrubriken i texten, i motsats till den vanliga texten, som är märkt med
-taggar i innehållet.
När du skapar en tagg omdefinierad stil, använder du taggenamn som väljarnamn för att skriva över det förformaterade utseendet på en befintlig HTML-tagg, till exempel
och
.
Formatet för omdefiniering av tagg kan ändras till allt du vill, till exempel att skräddarsy standardutseendet på allt innehåll mellan
taggar för att matcha design och färgschema på din webbplats, oavsett om det är Impact, 28 pixlar, fet, kursiv och # 000000 eller Palatino Linotype, 32 pixlar, fet och # FF99FF:
h1 {font-familj: Palatino Linotype, Book Antiqua, Palatino, serif; typsnittstorlek: 32px; font-weight: bold; färg: # FF99FF;}
Omdefiniera befintliga taggar är ett av de bästa sätten att globalt utforma innehåll på en webbplats utan att behöva selektivt tillämpa stilar här och där, som du måste med anpassade klassstilar. För att effektivisera CSS-processen startar de flesta designers åtminstone varje CSS-fil genom att skapa taggdefinierade stilar för
,
,
,
,
,
- , och
taggar.
En taggdefinierad stil för taggen kan till exempel ta på många av de attribut som tidigare användes på öppningstaggen i HTML-kod, som standard marginalavstånd för sidor och bakgrundsfärg för sidor.
Förutom att modifiera en taggs förformaterade stilar kan etiketterna omdefinieras också användas för att lägga till nya stilar till en viss tagg. Till exempel har alla webbsidor, om inte annat anges, en standard 9-pixelutrymme mellan kanten på webbläsarfönstret och dess innehåll.
För att ta bort eller ändra den här inställningen kan marginalattributet omdefinieras i kroppstaggen. Illustrationen visar ett exempel på hur en stil för taggen kan omdefinieras i CSS, där marginalavståndet är inställt på 0 på alla fyra sidorna i webbläsarfönstret, är bakgrundsfärgen på sidan inställd på svart och teckensnittet Färg för text inom kroppen är inställd på vit, som i följande stilkod:
body {margin: 0px; bakgrundsfärg: # 000000; färg: #ffffff;}
-
,
- , och
taggar. En taggdefinierad stil för taggen kan till exempel ta på många av de attribut som tidigare användes på öppningstaggen i HTML-kod, som standard marginalavstånd för sidor och bakgrundsfärg för sidor.
Förutom att modifiera en taggs förformaterade stilar kan etiketterna omdefinieras också användas för att lägga till nya stilar till en viss tagg. Till exempel har alla webbsidor, om inte annat anges, en standard 9-pixelutrymme mellan kanten på webbläsarfönstret och dess innehåll.
För att ta bort eller ändra den här inställningen kan marginalattributet omdefinieras i kroppstaggen. Illustrationen visar ett exempel på hur en stil för taggen kan omdefinieras i CSS, där marginalavståndet är inställt på 0 på alla fyra sidorna i webbläsarfönstret, är bakgrundsfärgen på sidan inställd på svart och teckensnittet Färg för text inom kroppen är inställd på vit, som i följande stilkod:
body {margin: 0px; bakgrundsfärg: # 000000; färg: #ffffff;}
-
,