css vrh. Html je, kako narediti besedilo CSS z velikimi črkami. Razlike med HTML in XHTML

CSS omogoča prilagodljivo prilagajanje besedila, ki je predstavljeno z uporabo jezika HMTL. Danes si bomo ogledali učinek lastnosti "text-transform", ki omogoča spreminjanje velikih in malih črk pisave. To možnost podpirajo vsi sodobni brskalniki in je vključena v specifikacijo za vse različice CSS.

Namen

Lastnost "text-transform" lahko sprejme tri glavne vrednosti in dve dodatni. Na primer, vsemu izbranemu besedilu lahko dodelite velike črke. Lahko pa podate ukaz, nasproten prejšnji lastnosti, kjer vsi znaki postanejo male črke. Za sestanek se lahko dogovorite na kateri koli način, ki vam ustreza. Na primer z uporabo slogov v vrstici. Lahko pa ustvarite

Ločena datoteka z opisom vseh lastnosti. Katero metodo dodeljevanja boste uporabili, je odvisno od vas. "Text-transform" lahko sprejme naslednje vrednosti:

• velike črke. Vse izbrane znake naredi velike. V CSS so velike črke pogost pojav, saj ta vrednost pomaga rešiti številne zapletene naloge, povezane z besedilom.
• male črke. Ta lastnost je popolnoma nasprotna ukazu z velikimi črkami.
• kapitalizirati. Spremeni veliko črko prve črke v veliko. Ostali liki se ne bodo spremenili.
• Noben. Omogoča razveljavitev vseh dodeljenih vrednosti (potrebno za vnaprejšnjo določitev lastnosti). Običajno je ta vrednost nastavljena privzeto.
• Podedovati. Podeduje vse lastnosti nadrejenega elementa. Upoštevajte, da IE ne podpira te lastnosti.

Aplikacija

Pri CSS se velike črke (ali podobni učinki) nastavijo z enim preprostim ukazom. Zato ni treba spreminjati ali prepisovati celotnega besedila. Če govorimo o enostranskem spletnem mestu, potem ta lastnost morda ne bo uporabna. Ko pa imate pod svojim nadzorom ogromen portal, kjer morate popraviti velike in male črke v določenih fragmentih, potem postane "transformacija besedila" edino učinkovito sredstvo. Na primer, popraviti morate pisavo v naslovnih oznakah "h2". Če želite to narediti, dodajte vnos: "h2 ( text-transform: uppercase; )", nato pa bodo vsi naslovi druge ravni napisani z velikimi črkami.

Posebnosti

Nekateri morda mislijo, da ročna obdelava besedila in spreminjanje pisave z lastnostjo "text-transform" nista pomembna. Ampak ni. Če ga ročno spremenite v velike črke (velike črke), bodo znaki pri kopiranju teh informacij z vašega spletnega mesta ostali nespremenjeni. Če uporabljate jezik CSS, se vse zgodi drugače. Lastnost "text-transform" le vizualno spremeni pisavo za uporabnike. Toda v resnici simboli ostanejo nespremenjeni. To se zgodi z vsemi vrednostmi te lastnosti. Kopirani podatki (besedilo) bodo imeli originalne male in male črke, ki so uporabljene v izvorni kodi strani. To je edina razlika med ročno obdelavo in uporabo ukazov CSS.

Ni pomembno, katero želite uporabiti - male ali velike črke, glavna stvar je, da ne pozabite na namen. Na primer, če potrebujete spremembe samo za dekorativne namene, potem lahko varno uporabite lastnost "text-transform". No, če veste, da bodo vaši uporabniki verjetno kopirali informacije, ki ste jih objavili, potem je najbolje, da ročno spremenite velike in male črke celotnega besedila. Dejansko včasih bralci ne opazijo takšne zamenjave pisave. To je še posebej kritično, ko gre za pomembne dokumente in podobne informacije.

Indeks glede na besedilo je odmik znakov glede na osnovno črto navzgor ali navzdol. Glede na pozitivno ali negativno vrednost odmika se indeks imenuje zgornji oziroma spodnji indeks. Aktivno se uporabljajo v matematiki, fiziki, kemiji in za označevanje merskih enot. HTML ponuja dva elementa za ustvarjanje indeksa: (iz angleščine superscript) - superscript in (iz angleščine subscript) - subscript. Besedilo, postavljeno v enega od teh vsebnikov, je označeno z manjšo velikostjo od osnovnega besedila in se premakne navzgor ali navzdol glede nanj. 1. primer prikazuje, kako se ti elementi in slogi kombinirajo, da se spremeni videz besedila.

1. primer: Ustvarjanje zgornjega in spodnjega indeksa

Superscript in subscript .formula (velikost pisave: 1,4em; /* Velikost besedila formule */ ) sup, sub ( slog pisave: ležeče; /* Ležeče */ barva: rdeča; /* Barva znaka rdeča */ ) sub ( barva: modra; /* Modra barva znakov */ )

Karakteristična enačba površine druge stopnje

λ3 - I1λ2 + I2λ - I3 = 0

V tem primeru se podpis in nadnapis pojavita hkrati. Za spremembo sloga pisave kazala se uporabijo slogi, ki določajo en sam dizajn (slika 1).

riž. 1. Videz indeksov po uporabi slogov

Na splošno lahko zavrnete uporabo in v korist slogov. Analog teh elementov je lastnost navpične poravnave, zaradi katere se besedilo premakne navpično za določeno razdaljo. Zlasti primer 2 kot vrednost uporablja 0,8 em za zgornji indeks in -0,5 em za spodnji indeks. Em je relativna enota, ki je enaka velikosti trenutne pisave. Na primer, 0,5em pomeni, da mora biti besedilo premaknjeno za polovico velikosti pisave.

Primer 2: Uporaba slogov za upravljanje indeksov

Superscript in subscript .formula (velikost pisave: 1,6em; /* Velikost besedila */ slog pisave: ležeče; /* Ležeče */ ) .sup, .sub ( slog pisave: normalno; /* Normalno * / pisava- velikost: 0,6 em; /* Velikost indeksa */ barva: rdeča; /* Barva zgornjega indeksa */ navpična poravnava: 0,8em; /* Premakni besedilo navzgor */ ) .sub ( barva: modra; /* Barvni indeks */ navpično -align: -0,5em; /* Premakni besedilo navzdol */ )

Polinom stopnje n

f(x) = a0 + a1 x + ... + an-1 xn-1 + an xn

V primeru je sama formula prikazana v povečani velikosti, nadpisani znaki so nastavljeni rdeče, spodnji pa modri (slika 2).

V zadnji video vadnici smo se naučili, kako odstraniti in dodati nove informacije v novo različico dokumenta HTML, pri tem pa o tem obvestiti iskalnike in jih vizualno poudariti, da lahko spremembe vidijo tudi obiskovalci. Za to smo uporabili oznaki del in ins.

V tej video vadnici nadaljujemo s temo oblikovanja besedila v dokumentu HTML. Spoznali bomo dve oznaki HTML, ki označujeta zgornji in spodnji indeks besedila.

Oznaka sup HTML je nadnapis besedila v HTML.

Oznaka HTML je zasnovana za označevanje nadnapisa besedila v HTML. V nekaterih temah spletnih mest bo ta oznaka preprosto nepogrešljiva. Na primer, če imate ali načrtujete spletno mesto, povezano s kakršnimi koli formulami, matematičnimi ali kemičnimi. Če pa je gradbišče, bo oznaka zelo uporabna in bo pomagala pri oblikovanju člankov, pri pisanju formul ali kakršnih koli količin, na primer kvadratnih metrov v gradbenih temah.

Če pa vaše spletno mesto ne sodi med navedene teme, to ne pomeni, da oznaka ni uporabna. Dovolj je pokazati domišljijo in iznajdljivost ter najti uporabo tega elementa.

Podoznaka HTML je indeks besedila v HTML.

Kar zadeva oznako HTML, je nasprotna oznaki in je odgovorna za določanje indeksa besedila. Besedilo pod indeksom lahko uporabite pri pisanju formul ali matematičnih enačb. Toda poleg tega lahko oznako najdete še druge načine uporabe.

Naslednja video lekcija je posvečena še dvema oznakama, ki sta v nekaterih situacijah lahko preprosto nenadomestljiva. Poleg tega lahko ne samo oblikujejo besedilo, na primer v članku, ampak tudi pri določanju različnih informacij na spletnem mestu med postavitvijo strani. Ena od oznak se ovije v HTML, druga pa nariše vodoravno črto.

Pretvorba male črke v male in prve velike črke s pomočjo CSS (8)

V CSS ni možnosti zgornje meje. Drugi odgovori, ki predlagajo preoblikovanje besedila: kapitalizacija, so napačni, ker ta nastavitev uporablja vsaka beseda za vsako besedo .

Tukaj nesramen način za to, če želite, da je prva črka vsakega elementa velika, vendar to zagotovo ni blizu dejanskih omejitev:

P (pretvorba besedila: male črke; ) p:prva črka (pretvorba besedila: velike črke; )

TO JE ZGLED STAVKA.

TO JE ŠEN PRIMER STAVKA. IN TO JE DRUGO, PA BO POVSEM MALA ČRKA.

Kako pretvoriti VELIKO črko v malo in prvo veliko črko za vsak stavek, kot je spodaj, samo s CSS?

Od: TO JE VZOREC APLIKACIJE.

Za: To je vzorčni stavek.

Posodobitev: ko uporabljam text-transform: capize; Rezultat je še vedno isti.

Tega ne morete storiti zgolj s CSS. Obstaja atribut za preoblikovanje besedila, vendar ne sprejema samo nič, velikih črk, velikih črk, malih črk in dedovanja.

Morda boste želeli preučiti rešitev JS ali rešitev na strani strežnika.

Če lahko na strežniku naredite vse znake male črke, lahko uporabite:

Preoblikovanje besedila: velike črke

Mislim, da pretvorba besedila ne bo delovala z velikimi črkami kot vnosom.

Če želite uporabiti for, ne bo delovalo, za ali textarea morate uporabiti Javascript

funkcija capitaliseName() ( var str = document.getElementById("name").value; document.getElementById("name").value = str.charAt(0).toUpperCase() + str.slice(1); )

ki bi moral dobro delovati za oz

Oznake HTML in - Opredelitev in uporaba podpisanega in nadnapisanega besedila

Oznaka določa besedilo pod indeksom. Besedilo pod indeksom je polovično višino in je prikazano pod osnovno črto. Pri zapisovanju kemijskih formul, kot je H 2 O, se lahko uporablja besedilo pod indeksom.

Oznaka določa besedilo nadnapisa. Nadpisano besedilo je polovično višino in je prikazano nad osnovno črto. Pri pisanju sprotnih opomb se lahko uporablja nadpisano besedilo, kot je WWW.

Podpora za brskalnik

Oznake in jih podpirajo vsi glavni brskalniki.

Razlike med standardnimi atributi HTML in XHTML

Stolpec DTD označuje, v kateri vrsti dokumenta je dovoljen atribut HTML 4.01/XHTML 1.0 DTD. S=strogo, T=prehodno in F=nabor okvirjev.

Oznaki in podpirata naslednje standardne atribute:

Atribut Vrednost Opis DTD

razred	ime_razreda	Podaja ime razreda za element	STF
režija	rtl ltr	Podaja smer besedila za vsebino v elementu	STF
id	identifikator	Podaja edinstven identifikator za element	STF
jezik	koda_jezika	Podaja kodo jezika za vsebino elementa	STF
stil	slog_definicija	Določa slog v vrstici za element	STF
naslov	besedilo	Podaja dodatne informacije o elementu	STF
xml:lang	koda_jezika	Podaja jezikovno kodo za vsebino elementa v dokumentih XHTML	STF

Več informacij o standardnih atributih.

Atributi dogodka

Oznake in podpirajo naslednje atribute dogodkov:

Atribut Vrednost Opis DTD

na klik	scenarij	Skript za zagon ob kliku miške	STF
ondblclick	scenarij	Skript za zagon ob dvojnem kliku	STF
onmousedown	scenarij	Skript za zagon ob kliku miške	STF
onmousemove	scenarij	Skript za zagon, ko se miška premakne	STF
onmouseout	scenarij	Skript, ki se zažene, ko kazalec miške zapusti element	STF
onmouseover	scenarij	Skript, ki se zažene, ko se miška premakne čez element	STF
onmouseup	scenarij	Skript za zagon, ko spustite gumb miške	STF
onkeydown	scenarij	Skript za zagon ob pritisku na tipko	STF
onkeypress	scenarij	Skript za zagon, ko pritisnete in nato izpustite tipko	STF
na ključu	scenarij	Skript, ki se zažene, ko je ključ izpuščen	STF

Dodatne informacije o