De div CSS funksjoner

January 22

Cascading Style Sheets er et stilark språk som Web designere bruker for å endre en Web-side; CSS har erstattet, og til og med utvidet, noen mulighetene i HTML. "<Div>" er et sideelement som brukes til å kombinere flere, relaterte objekter i én del, eller å dele en side i mer enn én seksjon. CSS har en rekke funksjoner som kan påvirke hvordan <div> elementer vises på en side.

klasse Funksjoner

HTML og CSS er brukt i kombinasjon når du oppretter og endrer "<div>" elementer. CSS kan endre "<div>" elementer ved bruk av "klasse" attributt. For eksempel:

<Head>
<Style> div.header {font-size: 9pt; color: # 000000; } </ Style>
</ Head>
<Body>
<Div class = "header"> Dette er overskriften. </ Div>
</ Body>

I eksempelet ovenfor, definerer CSS på "header" klasse. All HTML "<div>" elementer som har

class = "header"

inkludert vil bruke attributtene som er definert i CSS-koden. All teksten i "<div>" element, derfor vil være svart og være 9 poeng i størrelse, forutsatt ingen annen modifisert elementer finnes innenfor "<div>" - for eksempel hvis en "<table>" det finnes element innenfor "<div>" element, kan det hende at "<table>" element har en annen skriftstørrelse og farge tildelt, fordi det er en annen gjenstand.

Global Funksjoner

CSS "<div>" funksjoner kan også globalt. En global CSS funksjonen gjelder for alle de tilhørende elementene på siden, med unntak av de elementene som allerede har blitt tildelt en klasse.

<Style> div.header {font-size: 9pt; color: # 000000; }
div {font-size: 15pt; color: red} </ style>
</ Head>
<Body>
<Div class = "header"> Dette er overskriften. </ Div>
<Div> Her er innholdet. </ Div>
<Div> Dette er bunnteksten. </ Div>

I eksempelet ovenfor, alle de "<div>" elementer, med unntak av "<div class =" header ">", kan du bruke en 15-punkts skrift som er farget rød; "Div {font-size: 15pt; color: red}" spesifiserer ikke en klasse, så noen "<div>" element som ikke har en klasse tildelt er inkludert.

generell Classes

Du kan også bruke CSS funksjoner til en "<div>" element ved hjelp av generelle klasser. Generelle klasser kan gjelde for gjeldende element. For eksempel:

<Style>
.Header {font-size: 9pt; color: # 000000; }
</ Style>
<Body>
<Div class = "header"> Dette er overskriften. </ Div>
<P class = "header"> Dette er sub-spissen. </ P>

Begge <div> og <p> kan bruke "header" klassen, fordi det ikke er definert noen bestemt element. Bruke generelle klasser er nyttig hvis du ønsker å bruke et sett av attributter til flere elementer, men ønsker ikke å skape overflødig CSS-kode for hvert element på siden.

individuelle Funksjoner

Du kan bruke individuelle <div> CSS funksjoner til <div> tagger i koden uten å sette inn CSS via <style> og </ style> koder. HTML kan legge CSS i en <div> element med følgende syntaks:

<Div style = ""> </ div>
Du kan sette inn en rekke forskjellige attributter i mellom anførselstegn. For eksempel, for å endre høyden og bredden på <div> element, gjør du følgende:

Som du kan se, "style" bruker CSS syntaks, med kolon i stedet for likhetstegn. Du kan bruke "style" når du ønsker å legge til eller endre et element, men ikke har tilgang til den opprinnelige siden CSS (for eksempel når du skriver en HTML-aktivert bloggpost).