Hovedbokstav i html og css

Hovedbokstaven, i henhold til definisjonen, er et element av tekst som er økt i størrelse i forhold til små bokstaver. Nesten alle språk starter med et stort brev. Og utformingen av begynnelsen av et avsnitt med en stor bokstav gjør at du kan strukturere teksten og gjøre det lettere å oppleve. Når en webside er utarbeidet, kan teksten skrives i henhold til forfatterens preferanser og reglene for det russiske språket. Dessuten kan designen "automatiseres" ved å skrive inn bestemte "kommandoer" i en fil med utvidelses-css-stilarket - eller legge til html-filen i stilavsnittet. CSS blir vanligvis studert i tillegg med html for raskt å endre noen designelementer samtidig i hele teksten. Dette gjelder spesielt hvis nettstedet har hundrevis av sider, og å gjøre endringer i hver av dem er en svært tidkrevende prosess.

Hvis du bruker css, kan hovedbokstaver i begynnelsen av hvert avsnitt se spesielt ut. For eksempel gir koden nedenfor, som er introdusert i html uten parentes, at teksten formatert med "p" -taggen for å lage opprinnelig bokstav - første bokstav - større - 220% av standardstørrelsen, gul - fargen er gul og skrive den i skrifttypen, Forskjellig fra resten av teksten - Georgia vs batangche.

(<) Stil (>)

P {font-family: batangche; Skriftstørrelse: 93%;}

P: første bokstav {font-family: Georgia; Skriftstørrelse: 220%; Farge: gul;}

(<) / Stil (>)

Vakre store bokstaver kan fås hvis du lager din egen skrift i form av bilder - for hvert brev et separat bilde, for eksempel i gammel russisk eller gotisk stil. De kan tegnes i en grafikkredaktør. Deretter kan du sette inn koden uten parentes på ønsket sted (<) img src = http: // site / article / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0 % BB% D0% BA% D0% B0 til stedet der bildet ligger "(>). Ytterligere attributter til Img-taggen er høyde og bredde - bredden og høyden på bildet, som kan settes i piksler for en harmonisk kombinasjon med resten av teksten. Eksempel: (<) img src = http: // site / article / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 på plass , Hvor bildet ligger "høy = 12 px bredde = 6px (>). Vi fjerner parentesene rundt .

Hvis du ikke har muligheten til å tegne alfabetet selv, kan hovedbokstavet bli innrammet med fonter som er fritt tilgjengelige på Google (avsnittet Fonter) eller andre søkemotorer og ressurser. For å gjøre dette må koden ovenfor utstedes som følger:

(<) Stil (>)

P {font-family: batangche; Skriftstørrelse: 93%;}

P: første bokstav {font-familie: Kelly + Slab; Skriftstørrelse: 220%; Farge: blå;}

(<) / Stil (>)

Og i "hodet" -koden, legg til en kobling uten parentesene for "tilkoblingen", der etter familien den valgte skriftfamilien er spesifisert, erstattet i tillegg også i p: første bokstav.

(<) Link href = 'http: //fonts.googleapis.com/css? Familie = Kelly + Slab & subset = latin, cyrillisk' rel = 'stylesheet' type = 'text / css' (>).

Tjenesten "Google" lar deg velge en bestemt type skrift og gir ferdige linker for innsetting i html eller css. Vi legger oppmerksomheten på at du må velge skrifttypegruppen - Latin eller Cyrillisk, siden Nesten alle latinske skrifttyper virker ikke når du oppretter en russisk tekst. For øyeblikket gir søkemotoren ca. 40 typer russiske skrifttyper på en fri basis.

Brevbrevet eller dets hovedantipode kan dekoreres ved hjelp av CSS-tekstransformasjonsegenskapen. Hvis du angir teksttransformering: ingen i stilarket, vil teksten se ut som den du skriver den. For å oversette alle bokstavene til små bokstaver, må du sette verdien tekst omforming: små bokstaver gjennom kolon, og store bokstaver for store bokstaver. Innstilling av tekstomformingsegenskapen til eiendom: kapitaliserer gjør begynnelsen av hvert ord til et stort bokstav.