Hvordan lage cascading stilark (CSS) -definer definere stiler - dummier

Som standard er alle HTML-koder i Cascading Style Sheets (CSS), er strukturelt preformatted for å se en bestemt måte og utføre bestemte funksjoner. Ta

-taggen, for eksempel. Denne taggen er preformatted til stor, svart og fet, og den er ment å identifisere hovedteksten i teksten, i motsetning til den vanlige teksten, som er merket med

-koder i innholdet.

Når du oppretter en -definer-stil, bruker du taggenavnet som velgerenavn for å overskrive det forhåndsformaterte utseendet til en eksisterende HTML-kode, for eksempel

og

.

Formatet for omdefinering av tag kan endres til alt du vil, for eksempel å skreddersy standardutsnittet for alt innhold mellom

-koder for å matche design og fargeskjema på nettstedet ditt, enten det er Impact, 28 piksler, fet, kursiv og # 000000 eller Palatino Linotype, 32 piksler, fet og # FF99FF:

h1 {font-familie: Palatino Linotype, Book Antiqua, Palatino, serif; skriftstørrelse: 32px; font-weight: bold; farge: # FF99FF;}

Omdefinere eksisterende koder er en av de beste måtene å globalt utforme innhold på et nettsted uten å velge selektivt å bruke stilene her og der, slik du må med tilpassede klassestiler. Faktisk for å strømlinjeforme CSS-prosessen, starter de fleste designere minst hver CSS-fil ved å lage tagdefinerbare stiler for

,

,

,

,
,
1. , og koder.

   En taggdefiner stil for taggen, for eksempel, kan ta på mange av attributter som tidligere ble brukt på åpningstaggen i HTML-kode, for eksempel standard sidemarginavstand og sidebaggrundsfargen.

   I tillegg til å endre en preformatted stil på en etikett, kan nyfinne stiler også brukes til å legge til nye stiler til en bestemt tag. For eksempel har alle websider, med mindre annet er angitt, en standard 9-pikslers mellomrom mellom kanten av nettleservinduet og innholdet.

   

   For å fjerne eller endre denne innstillingen, kan marginalattributtet bli omdefinert i kroppstegnet. Illustrasjonen viser et eksempel på hvordan en stil for taggen kan omdefineres i CSS, hvor margenavstanden er satt til 0 på alle fire sider av nettleservinduet, er bakgrunnsfargen på siden satt til svart, og skrifttypen farge for tekst i kroppen er satt til hvit, som i følgende stilkode:

   body {margin: 0px; bakgrunnsfarge: # 000000; farge: #ffffff;}