Hem Sociala medier Hur man gör kaskad stilark (CSS) -definitioner omdefinierar stilar - dummies

Hur man gör kaskad stilark (CSS) -definitioner omdefinierar stilar - dummies

Video: css-2 2024

Video: css-2 2024
Anonim

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

,

,

,
    ,
      ,
    1. , 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;}
      

Hur man gör kaskad stilark (CSS) -definitioner omdefinierar stilar - dummies

Redaktörens val

Hur man skiljer bipolär från tillstånd med liknande symtom - dummies

Hur man skiljer bipolär från tillstånd med liknande symtom - dummies

Innan man kommer till någon medicinsk diagnos, doktorer granska en differentialdiagnos för att överväga alla möjliga orsaker till de presenterande symptomen. I bipolär sjukdom innefattar differentialdiagnosen ofta följande tillstånd som kan innebära symtom som liknar bipolär sjukdom: Unipolär depression: Ett stort depressivt episode utan historia av mani eller hypomani ...

Hur man kommer till gripen genom livscoaching - dummies

Hur man kommer till gripen genom livscoaching - dummies

Folk pratar mycket om hokum om livscoaching. Livscykelprogram, tidskrifter och tidskolumner sträcker sig i kvalitet från den kraftfulla och inspirerande genom till den rättvist vilseledande och farliga. Verkligt livscoaching handlar inte om någon guru som berättar hur du borde leva. Ja, du kan bli frestad att bada i bekvämligheten av ...

Hur man går med flödet för att förbättra ilskahantering - dummies

Hur man går med flödet för att förbättra ilskahantering - dummies

Blir du så engagerad i något som ingenting annat verkar betyda och du förlorar tidens spår? Det här är frågan om att Dr. Mihaly Csikszentmihalyi, professor i psykologi vid University of Chicago, frågar människor i studien av vad han kallar flöde - ett medvetande tillstånd som uppstår när du ...

Redaktörens val

Hur man maximerar läsresultatet på SAT-dummiesna

Hur man maximerar läsresultatet på SAT-dummiesna

När du drar genom Läsavsnitt på SAT, tiden är din fiende (fiende). För att maximera poängen måste du koncentrera dig på frågor du är ganska säker på att du kan svara korrekt. I allmänhet följer du dessa steg: Beakta de faktiska frågorna. Dessa frågor är vanligtvis enkla, och frågan levererar vanligen ett linjenummer så ...

Hur man tolkar visuella element på de nya SAT-dummiesna

Hur man tolkar visuella element på de nya SAT-dummiesna

Böjer sig till den verkliga världen, där visuella element - diagram, tabeller, diagram, diagram, etc. - bära värdefull information, den omformade SAT innehåller visuella i vetenskapliga och historiska / sociala studier. För att skaffa (skörda) varje skrot av information från ett visuellt element, följ dessa riktlinjer: Titta på allt. Titeln, förklaringen överst, ...

Hur man fokuserar och taktar sig på SAT-dummiesna

Hur man fokuserar och taktar sig på SAT-dummiesna

För att få de bästa resultaten på SAT, du måste fokusera på vad du gör och takta dig själv under hela testet. Du måste också börja på den högra foten. Innan du kommer till de faktiska frågorna instruerar du proffsen hur du fyller i toppen av svarbladet med ...

Redaktörens val

Hur man skyddar avsnitt i OneNote 2013 - dummies

Hur man skyddar avsnitt i OneNote 2013 - dummies

Om du använder OneNote 2013 för att ta anteckningar att du vill behålla privat är det enkelt att säkra enskilda anteckningar som lösenordsskyddande sektioner. Det är märkligt att du inte kan lösa lösenordsskydda hela bärbara datorer, men att säkra enskilda sektioner - och därmed sidorna inom - motsvarar samma sak, förutom att någon åtminstone kan se namnen på ...

10 Resurser och tillägg till OneNote 2013 - dummies

10 Resurser och tillägg till OneNote 2013 - dummies

OneNote var inte det mest populära programmet tills nyligen, med mer av en kultföljd än att vara känd som en go-to app. Resurser för OneNote 2013 är inte många just nu, och några av de som finns - även de från Microsoft - uppdateras inte alltid så ofta som du skulle hoppas. Ändå finns det ...

10 Coola saker du kan göra med OneNote 2013 - dummies

10 Coola saker du kan göra med OneNote 2013 - dummies

Det finns många fina tips för saker du kan göra med OneNote 2013. Appen kan vara mycket användbar för att förenkla även de minsta uppgifterna i ditt liv. Säkerhetskopiera viktiga data Här är några exempel på hur OneNote-säkerhetskopior kan spara din baksida: Du går på en resa över hela landet, ...