Luminance fondo, CSS. fond manera o di u testu cù CSS

Cu l 'avventu di CSS3 Web cuncettori di u travagliu in parechji modi hè divintatu più fàciule è più logica: dopu à tutti, vi ponu avà parlà flexibly persunalizà ogni uggettu, menu friquenti resorting à JavaScript. A Canzona di dì vi tuccherà à aghjustà u Luminance di u balcone - CSS prupone subitu parechje scelte.

Fond discritti da un gruppu di spicificu (figure-imagine, fondo-pusizioni , fondo-taglia, fondo-ripetiri, fondo-attaccamentu, fondo-urighjini, fondo-clip, fondo-culore), ognunu di li quali pò esse cunsideratu traballat o cumminata sottu u attribuilla inturnianza. Andemu esaminà ognunu d'iddi a tecnica.

Attribuisci arrière-culore

In CSS, u culore, fondo, si pò crià in parechji modi: cù un codice hex socket, nomu di culuri, o RGB-voce. In CSS3 divinni pussibili à aduprà invece di funziunalità RGB-n'hè cun RGBA.

Codice culore hex socket hè arregistrata in u bè, dopu u lattice: arrière-culore: # FFDAB9. Sè i caratteri in sta voce sò u listessu para, u codice di sòlitu un pocu tagliata: # ccff00 ponu esse scritti cum'è # cf0:

corpu {fond-culore: # cf0 ;}.

U nomu hè, ancu in i culori più esoticu. Per esempiu, in più di u mudellu di russu e biancu si ponu aduprà NavajoWhite (#FFDEAD) o Honeydew2 (# E0EEE0):

corpu {fond-culore: viola; }.

L'ùrtima cumanda hè RGB o Plus RGBA permette à voi à specificà micca solu culore, ma dinù i Luminance di u fondo, CSS, ma lu mètudu travaglia solu in versioni IE più vechje di 9. Lucca navigatori arricanusciri versione nurmali cu Luminance. Sicondu à a sicurità w3c hè preferable à aduprà RGBA ancora, invece di u RGB più lu solitu.

L'urtimu valore in RGBA fondo, è cumanda u opacity da 0 (manera) a 1 (palisavanu).

Ci sò qualchi valori cumuni. U culore fondo, pò crià cù u HSL è HSLA. Dui stati aghjustati à CSS3, è dunque ùn sò aiutati da IE versione 9, o supiriuri. Embodiments RGB listessi o RGBA, solu in una forma differente: Hue (ombra - valore u rota culore, hè datu in gradi), saturare (temperature - temperature culore comu na pircintuali, da 0 à 100), legeri (legeri - splendore, misura simile paràmetru saturare ).

fondo-imagine attribuisci

A versione più cross-mutore di a inturnianza trasparente - chistu è l 'usu di l' imagine. In CSS3, vi pò crià ancu di più images, issu hè fattu à un vince. esempiu:

{Imagine fondo-corpu: indirizzu (bg1.png), indirizzu (bg2.png)}.

Sta manera di favurendu ancu IE8. Parechji imagine in fondo di i gomma usatu in u mudellu. Ntî, ùn vi scurdate di utilizà un imagine è pona lu culore fondo in CSS, comu utilizatori pò solu stallendu una maghjina.

Attribuisci arrière-pusizioni

Sè vo aduprate i imagine à crià i unità fondo, CSS permette à voi à ingarà u imagine partutu u screnu. By difettu, u imagine hè situatu in a parti supiriori manca. Attribuilla pigghia sia instructions, virbali (Spezia, fondu, manca, manu dritta), una numericu (interessu, pixel è altri unità). In stu casu, vi tocca à specificà dui valori, urizuntale è verticale:

corpu {fond-pusizioni: centru destra ;} - in issu esempiu, u mudellu vi pò trova supra lu latu drittu di a pagina, la cima e fundu di u luntanu imagine à u listessu.

Attribuisci arrière-taglia

Certe volte ci vole a crisciri i fondo, CSS, o accurtà u so pesu. Per fà stu, utilizà u attribuilla arrière-taglia, è u pesu di a inturnianza si pò crià in pixel, o percentuali, è ogni altra unità.

Cù sta attribuilla, ci sò parechji prublemi: per currettu mostra di un fondo, in e versioni prima di i prifissi navigatore à esse usatu. Di sicuru, a versione realità sustegnu tinuti issu attribuilla è u bisognu di proprietà specifichi spariti.

Attribuisci arrière-attaccamentu

Stu attribuilla specifies lu cumpurtamentu di l 'imagine fondo, mentri scrolling. Cusì, si pò piglià 3 valori (ùn cumpresi i pussedi, u cartulare di tutti di i spicificu discutitu in issu articulu):

• erettu - face u ritrattu nantu à a scena di u guardò;
• libru - Santi fondo, cù lu restu di l 'elementi;
• search - l imagine di fondo, hè scrolled se scrolling hà cuntenutu. Fondo, chì và fora di u cuntenutu sanu sanu di u quadru hè fissu.

Esempiu di usu:

corpu {fond-attaccamentu fissu}.

S'arricorda, brumann ùn pussede micca l 'ultimu a pruprietà (lucali).

Attribuisci arrière-urighjini

Stu attribuilla hè incaricatu di l 'elementu pusizziunamentu. navigatori principiu di bisognu di l 'usu di prifissi. U bè stessa hà trè login:

• Courbure-scatula hè positioned parenti à u mudellu mura, mentri piglià in contu u spissori di u quadru;
• proprietà di cunfini-scatula differente da u prima à chi la linia confinu pò esse suvrapponnu cumpletamenti, o parti lu mudellu;
• imagine pusizziunamentu cuntenutu-scatula pryavyazyvaya u so cuntenutu.

Sè vo specificà valori a multiplicità, tandu i navigatori pò miroir in a so manera: brumann è Opera miludia solu u primu sottu.

Attribuisci arrière-ripetiri

Comu regula, si hè pricisatu a maghjina, fondo, si deve esse ripetutu horizontally o vertically. Per sta è usatu u attribuilla arrière-ripetiri. Cusì, pezzu, fondo, CSS chì cuntene un tali duminiu ponu avè unu di parechji login:

• ùn-ripetiri - pare u imagine nantu una pagina in una sola versione;
• ripetiri - arrière plan hè ripetutu à l 'X è Y;
• ripetiri-x - solu horizontally;
• ripetiri-y - solu vertically;
• spaziu - arrière plan hè ripetutu, ma s'ellu u spaziu hè impussibile a chini in trà i images cumpariri viotu;
• annata - l imagine hè ridutta, si ùn cumpleti u web, zona di images sana.

Esempiu di i spicificu:

corpu {fond-ripetiri: no- ripetiri ripetiri} - listessu fondo-ripetiri: ripetiri-canta.

In CSS3 pò calculà valori di a multiplicità imagini quandu annonce paràmetri, siparatu da virgule.

Attribuisci arrière-Clip

Stu attribuilla definisce u cumpurtamentu di i fondo, sottu à u cunfini (p.e., in lu casu di u cunbentu altieru):

• Courbure-scatula - arrière plan mustratu a l 'internu di l' pezzu;
• cunfini-scatula - l imagine vene sottu à u quadru;
• cuntenutu-scatula - u ritrattu nantu à a fondo Cumpariscerà solu in u cuntenutu.

Esempiu di usu:

corpu {fond-Clip: content- scatula;}.

Chrom è Safari bisognu prefissu -webkit-.

spicificu Opacity è filtre

attribuilla opacity permette à voi à rifà i Luminance di u balcone - pruprietà CSS vi u travagliu in tutti i navigatori. U valore hè stabilitu in u catalogu da 0.0 à 1.0 cumpresu. In stu casu, si pò crià i Luminance di a inturnianza CSS valè nteru invece di 0.3 hè abbastanza à scrive .3:

.block {fond-imagine: indirizzu ( img.png); opacity: .3;}.

À crià i opacity fondo, CSS hè bonu ancu per IE sottu lu nonu versione, utilizà u attribuilla filtre:

.block {fond-imagine: indirizzu ( img.png); filtre: alfa (opacity = 30)}.

In stu casu, u valore opacity hè stabilitu trà 0 è 100. Note chì u opacity attribuisci differente caliper Luminance Via RGBA lascita: quandu cù opacity diventa chjara micca solu u fondo, ma dinù tutti l 'elementi dintra l' unità.

permanenza sempre u vostru statistiche utilizzu di navigatori CIS è tutte e àutri paisi. U più grande prublema di tutte e DTP - versioni più vechje di IE, ch'elli ùn permetterà à aduprà u CSS3 piena puntu. In paginatura ùn vi scurdate di aduprà i servizii spiciali chi cuntrolla s'ellu u vostru navigatore accumpagna ogni pruprietà CSS. Sè vo ùn pudete stallà e versioni più vechje di navigatori, truvà un serviziu chi vi verificà u travagliu situ a multiplicità di i navigatori online.