kaskader stil ark (css) beskriver, hvordan dokumenter fremlægges på skærmene, på tryk, eller måske, hvordan de er udtalt.w3c har aktivt fremmet brugen af stil plader på nettet, da konsortiet blev oprettet i 1994. kaskader stil ark (css) give let og effektive alternativer til angive forskellige egenskaber for html hundetegn.ved hjælp af css, kan du præcisere en række stil egenskaber for en given html element.hver ejendom har et navn og en værdi, adskilt med et kolon (:).hver ejendom erklæring er adskilt af et semikolon (;). f.eks. lad os tage et eksempel: dokument, der gør brug af < skrifttype > tag og tilknyttede attributter specificeres tekst, farve og skriftstørrelse:, <!doctype html > < html > < head > < afsnit > http: //css < /afsnit > < /head > < krop > < p > < skrifttype farve = "grønne" størrelse = "5" > hallo, verden!< /skrifttype > < /p > < /organ > < /html > vi kan skrive ovenfor, f.eks. ved hjælp af stil status som følger:, <!doctype html > < html > < head > < afsnit > http: //css < /afsnit > < /head > < krop > < p = "farve: grøn stil; skriftstørrelse - 24px;" > hallo, verden!< /p > < /organ > < /html > dette giver følgende resultat:,, hallo, verden!, kan du bruge css på tre forskellige måder i deres html dokument:,,,, eksterne stil blad, - definere stil blad regler i en særskilt. css fil og omfatte det i din html dokument ved hjælp af html < forbindelse > tag,.,,,, interne stil blad, - definere stil. blad regler i hoved afsnit af html dokument ved hjælp af < stil > tag,.,,, i overensstemmelse med stil blad, - definere stil blad regler direkte sammen med html elementer, ved hjælp af stil, attribut.,,, lad os se alle tre sager, som ved hjælp af passende eksempler. eksterne stil blad, hvis du skal bruge din stil ark til forskellige sider, så de altid anvendes til at definere en fælles stil plader i et særskilt dokument.en brusende stil blad fil er udvidelse,. css, og det vil blive medtaget i html filer på < forbindelse > tag. f.eks. finder vi definerer en stil blad fil, style.css, som har følgende regler: (farve: rød, rød;}. tykke (skriftstørrelse. 20px;}. green (farve: grøn.}, her har vi defineret tre css - regler, der gælder for tre forskellige kategorier, der er defineret for html hundetegn.jeg foreslår, at du ikke skulle bekymre om, hvordan disse regler er blevet fastlagt, fordi du vil lære dem, mens de studerer ccs.lad os gøre brug af ovennævnte eksterne css fil i vores efter html dokument, <!DOCTYPE html> <html> <head> <title>HTML External CSS</title> <link rel="stylesheet" type="text/css" href="/html/style.css"> </head> <body> <p class="red">This is red</p> <p class="thick">This is thick</p> <p class="green">This is green</p> <p class="thick green">This is thick and green</p> </body> </html> ,This will produce following result:, ,This is red, ,This is thick, ,This is green, ,This is thick and green, ,Internal Style Sheet,If you want to apply Style Sheet rules to a single document only then you can include those rules in header section of the HTML document using <style> tag.,Rules defined in internal style shdet tilsidesætter de regler, der er defineret i en ekstern css fil. f.eks. lad os skrive ovenstående eksempel igen, men vi vil skrive stil blad regler i samme html dokument ved hjælp af < stil > tag:, <!DOCTYPE html> <html> <head> <title>HTML Internal CSS</title> <style type="text/css"> .red{ color: red; } .thick{ font-size:20px; } .green{ color:green; } </style> </head> <body> <p class="red">This is red</p> <p class="thick">This is thick</p> <p class="green">This is green</p> <p class="thick green">This is thick and green</p> </body> </html> ,This will produce following result:, ,This is red, ,This is thick, ,This is green, ,This is thick and green, ,Inline Style Sheet,You can apply style sheet rules directly to any HTML element using ,style, attribute of the relevant tag. dette bør ske, når du er interesseret i at gøre en særlig ændring i html element., regler, der er fastsat i overensstemmelse med del tilsidesætter de regler, der er defineret i en ekstern css fil samt de regler, der er defineret i < stil > element. f.eks. lad os skrive ovenstående eksempel igen, men her skal vi skrive stil blad regler sammen med html elementer ved, stil, tilskriver disse elementer., <!DOCTYPE html> <html> <head> <title>HTML Inline CSS</title> </head> <body> <p style="color:red;">This is red</p> <p style="font-size:20px;">This is thick</p> <p style="color:green;">This is green</p> <p style="color:green;font-size:20px;">This is thick and green</p> </body> </html> ,This will produce following result:, ,This is red, ,This is thick, ,This is green, ,This is thick and green, ,
html stil blad
Previous:html header
Next Page:http: //javascript