Hjem Personlig finansiering Tip til at navngive dine HTML-elementer til stilspecifikke elementer med CSS-dummies

Tip til at navngive dine HTML-elementer til stilspecifikke elementer med CSS-dummies

Indholdsfortegnelse:

Video: Your body language may shape who you are | Amy Cuddy 2024

Video: Your body language may shape who you are | Amy Cuddy 2024
Anonim

En måde at stylere specifikke elementer på i CSS er at navngive dine HTML-elementer. Du navngiver din kode ved at bruge enten attributten id eller klasse , og stil din kode ved at henvise til id eller klasse vælgeren.

Navngiv din kode ved hjælp af id-attributten

Brug attributten id til at indstille et bestemt element på din webside. Egenskaben id kan navngive ethvert HTML-element og placeres altid i åbnings HTML-mærket. Derudover kan hvert element kun have en id attributværdi, og attributværdien skal kun vises én gang i HTML-filen. Når du har defineret attributten i HTML-filen, henviser du til HTML-elementet i dit CSS ved at skrive en hashtag ( # ) efterfulgt af attributværdien.

> Ved hjælp af attributten

id følger de følgende kodeformater den moderne rødvin med en gul baggrund: HTML:

Moderne Seinfeld

CSS:

#jerry {

farve: rød;

baggrundsfarve: gul;

}

Navngiv din kode ved hjælp af klassetildelingen

Brug attributten

klasse til at formatere flere elementer på din webside. Egenskaben klasse kan navngive ethvert HTML-element og placeres altid i åbnings HTML-mærket. Attributværdien behøver ikke være unik i HTML-filen. Når du har defineret attributten i HTML-filen, henviser du til HTML-elementet ved at skrive en periode (.) Efterfulgt af attributværdien.

Med attributterne

klasse forbinder følgende kodeformater alle Parody Tech Twitter-kontoen farven rød uden understregning: HTML:

Bored Elon Musk < Vinod Coleslaw

farve: rød;

tekst-dekoration: ingen;

}

Anvend en søgemaskine, som f.eks. Google, til at søge efter flere CSS-effekter. Hvis du f.eks. Vil øge afstanden mellem hvert listerobjekt, skal du åbne din browser og søge efter linjepostlinjeafstand css. Links, der vises i de ti bedste resultater, bør indeholde:

W3Schools

:

  • En nybegynderundervisningsside Stack Overflow :
  • Et diskussionsforum for erfarne udviklere Mozilla: En reference guide oprindeligt oprettet af fundamentet, der opretholder Firefox-browseren og nu vedligeholdes af et fællesskab af udviklere Hver af disse websteder er et godt sted at starte; Sørg for at søge efter svar, der indeholder eksempelkode.
Tip til at navngive dine HTML-elementer til stilspecifikke elementer med CSS-dummies

Valg af editor

Hvad er Array Formulas i Excel 2013? - dummies

Hvad er Array Formulas i Excel 2013? - dummies

En matrixformel i Excel 2013 (og andre regneark) er en speciel formel, der opererer på en række værdier. Hvis et celleområde leverer dette interval (som det ofte er tilfældet), betegnes det som et arrayinterval. Hvis denne rækkevidde leveres af en liste over numeriske værdier, er de kendt som ...

Ved hjælp af regnearkfunktioner til statistisk analyse i Excel 2016 - dummies

Ved hjælp af regnearkfunktioner til statistisk analyse i Excel 2016 - dummies

Excel 2016b har en række funktioner til Statistisk analyse. Funktionsbiblioteket på fanen Formler viser alle kategorier af Excel-regnearkfunktioner. Trinene i at bruge et regneark funktion er Skriv dine data i et datarray og vælg en celle for resultatet. Vælg den relevante formelskategori og vælg en ...

Hvad er nyt i Excel 2016 til statistisk analyse? - dummies

Hvad er nyt i Excel 2016 til statistisk analyse? - dummies

Microsoft har lavet nogle få ændringer i Excel's Ribbon (fanebåndet øverst), hvilket afspejler ændringer i Excel. Den mest oplagte tilføjelse er pæren øverst til højre for tilføjelser. Det er mærket "Fortæl mig hvad du vil gøre. "Dette kaldes Tell Me-boksen, og det er nyt ...

Valg af editor

Sådan postes på en vens Facebook-tidslinje - dummies

Sådan postes på en vens Facebook-tidslinje - dummies

Dit nyhedsfeed trækker indlæg, som dine Facebook-venner lav på et sted, så du kan læse dem alle på én gang. Men nogle gange vil du læse alt om kun en person. Heldigvis er alle deres indlæg blevet samlet på deres tidslinjer. Tidslinjen er ligesom en nyhedsfeed alt om en person. ...

Sådan sender du en Facebook-begivenhed - dummies

Sådan sender du en Facebook-begivenhed - dummies

Den første måde du sikkert finder ud af om Facebook begivenheden er gennem en anmeldelse. Når en ven inviterer dig til en begivenhed, vises et lille rødt flag over meddelelsesikonet i den store blå bar øverst. Klik på ikonet for at åbne din underretningsmenu; Klik derefter på den invitation, der skal tages ...

Hvordan man kan se de billeder du er på Facebook - dummies

Hvordan man kan se de billeder du er på Facebook - dummies

Hvis du har meget af Facebook venner, du er sandsynligvis i et ton af fotos. Du kan se de billeder, du er i, uden at skulle gå hele Facebook, så længe du er mærket i dem. Måske har du tagget dem selv, eller dine venner har måske tagget dig. Det første sted du ...

Valg af editor

Digital SLR-fotografi Alt-i-One til Dummies Cheat Sheet - dummies

Digital SLR-fotografi Alt-i-One til Dummies Cheat Sheet - dummies

Hvis du 'er interesseret i fotografering, du finder ingen bedre enhed end en digital spejlreflekskamera (eller dSLR). Uanset om du er amatør eller professionel, kan du finde en dSLR, der passer til dine behov. Du kan virkelig ikke slå kombinationen af ​​magt, fleksibilitet, vækstpotentiale og "accessorize-ability" af en dSLR. Med oplysningerne i denne ...

Hvordan man tager gebyr som bryllupsfotograf - dummier

Hvordan man tager gebyr som bryllupsfotograf - dummier

Som bryllupsfotograf, dit job er at hjælpe De formelle portrætter flyder så jævnt som muligt. Du kan lægge meget af grunden i månederne før den faktiske bryllupsdato som du kommunikerer med parret. Hvis du gør dine lektier, kan du fokusere på at holde portræt sessioner organiseret og opretholde kontrol ...