OrdinadorsProgramació

Lletra majúscula en HTML i CSS

majúscula, de conformitat amb la definició - és un element de text, que va augmentar de grandària en relació amb minúscules. Pràcticament tots els idiomes d'inici en majúscula una frase. Un disseny del principi del paràgraf són en majúscules fa que sigui possible l'estructura del text i facilita la seva percepció. Quan s'executa la pàgina d'Internet, el text es pot escriure d'acord amb les preferències dels seus autors i les regles de la llengua russa. A més, el seu disseny pot ser "automàtic" en fer certs "ordres" per a l'extensió d'arxiu de l'css - fulls d'estil - o afegir a la seva secció d'arxiu d'estil html. CSS sol estudiar més a fons amb html, per canviar ràpidament alguns elements del disseny al mateix temps en tot el text. Això és especialment cert si el lloc té centenars de pàgines, i fer els canvis en cada un d'ells és el procés consumeix molt de temps.

Si utilitzeu CSS, lletres majúscules al principi de cada paràgraf poden aparèixer d'una manera especial. Per exemple, introduït en HTML sense els parèntesis següent codi permet el text, dibuixa l'etiqueta "p", per fer una lletra majúscula - primera lletra - més gran - 220% de mida estàndard, de color groc - el valor de color és igual a groc, i escriure les seves cartes, diferent de la resta del text - Geòrgia contra batangche.

(<) Estil (>)

p {font-family: batangche; font-size: 93%,}

P: first-letter {font-family: Georgia; font-size: 220%; color: groc;}

(<) / Style (>)

Belles tapes estan disponibles si crea la seva pròpia font en forma d'imatges - per a cada lletra d'una imatge per separat, per exemple, a l'Antic o l'estil gòtic. Ells poden dibuixar en un editor de gràfics. Després, en els llocs desitjats per col·locar una lletra majúscula, pot inserir codi sense parèntesis (<) img src = http: // lloc / article / 74218 /% E2% 80% 9D% D1% el 81% D1% el 81% D1% 8B% D0 % BB% D0% BA% D0% B0 al lloc on la imatge "(>) es troba. Addicional atributs de etiqueta IMG serà Alçada i amplada - l'amplada i alçada de la imatge, que pot ser ajustat en píxels per la combinació harmoniosa amb la resta del text. Exemple: (<) img src = http: // lloc / article / 74218 /% E2% 80% 9D% D1% el 81% D1% el 81% D1% 8B% B0 D0% BB% D0% BA% D0% en lloc on és la imatge "amplada heigh = 12 px = 6px (>). Els parèntesis al voltant de la eliminar.

Si no pot dibuixar l'alfabet, lletra majúscula es pot emetre utilitzant les fonts s'han establert en el lliure accés a la (secció Fonts) "Gugle" o altres motors de cerca i llocs. Per a això, executeu el codi anterior de la següent manera:

(<) Estil (>)

p {font-family: batangche; font-size: 93%,}

P: first-letter {font-family: Kelly + llosa; font-size: 220%; color: blue;}

(<) / Style (>)

Una etiqueta de "cap" per afegir un enllaç sense parèntesi per "connexió", on després de la família indica la família de fonts seleccionat per a ser substituït, a més, també a la p: first-letter.

(<) Enllaç href = 'http: família //fonts.googleapis.com/css = Kelly + Llosa & subconjunt = llatí, ciríl·lic' rel = tipus 'full d'estil' = 'text / css' (>).

Servei de "Google" us permet escollir un o altre tipus de font i proporciona una referència ràpida per a la inserció en HTML o CSS. Recordeu que ha d'estar segur de triar un grup de fonts - el llatí o l'alfabet ciríl·lic, com gairebé totes les fonts llatines no funcionen quan es comet un text en rus. De moment, el cercador ofereix 40 tipus de fonts russes gratis.

lletra majúscula o un antípoda de capital poden ser decorats amb l'ajuda de la propietat de text CSS transformar. Si el full d'estil estableix el text transformar: cap, el text apareixerà com vostè ho escriu. Per convertir totes les lletres en una línia de registre ha de ser establert per un text de còlon transformar: minúscules, i per al cas superior - majúscula. Ajustar el valor de text de propietat de transformació: capitalitzar ho fan, que al començament de cada paraula s'escriu amb majúscula.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ca.unansea.com. Theme powered by WordPress.