Manino talaaga CSS. talaaga manino po o le mau ma CSS

Faatasi ai ma le toe afio mai o CSS3 galulue mamanu web i le tele o auala ua faigofie ma sili atu ona talafeagai: uma, e mafai ona e nei customize flexibly moni lava soo se mea faitino, e itiiti le faaaogaina soo i JavaScript. Sei o tatou fai atu e manaomia ona e fetuunai le manino o le talaaga - vave ofoina CSS le tele o filifiliga.

Talaaga faamatalaina e se seti o uiga (talaaga-faatusa, talaaga-tulaga , soifuaga-tele, soifuaga-toe fai, soifuaga-piitaga, soifuaga-tupuaga, talaaga-kilipa, soifuaga-lanu), lea o le tasi e mafai ona tofia pe tuu eseese i lalo o le uiga talaaga. Seʻi o tatou iloilo i latou taitoatasi auiliili.

Faafetaia talaaga-lanu

I CSS, o le lanu o talaaga e mafai ona faatuina i le tele o auala: faaaoga ai se code hex, lanu igoa po RGB tusia. I CSS3 sa avea mafai e faaaoga nai lo le RGB-pueina filifiliga ma RGBA.

code lanu Hex o loo tusia i le meatotino ina ua mavae le lattice: talaaga-lanu: # FFDAB9. Pe afai o le tagata i lenei ulufale o le paga lava lea e tasi, o le tulafono e masani lava o se tipi itiiti: # mafai ona tusia ccff00 pei # cf0:

tino {talaaga-lanu: # cf0 ;}.

O le igoa, e oo lava i le lanu e sili ona isi atunuu. Mo se faataitaiga, e faaopoopo atu i le tulaga faatonuina mumu ma papae tou te mafai ona e faaaogaina NavajoWhite (#FFDEAD) po o Honeydew2 (# E0EEE0):

tino {talaaga-lanu: pāuli; }.

O le filifiliga e gata ai o RGB po RGBA ulufale faatagaina oe e faamaoti e le gata i lanu ae faapea foi le tulaga manino o le talaaga CSS, ae o le auala e galue na o IE lomiga matutua nai lo 9. Isi browsers iloa lomiga masani ma manino. E tusa ai ma le W3C tulaga e sili atu le faaaoga pea RGBA ae le o le RGB masani sili.

O le taua mulimuli i le talaaga RGBA ma faatulaga le opacity mai 0 (manino) i le 1 (opaque).

E i ai nisi o tulaga faatauaina e le masani ai. e mafai ona faatulagaina e le lanu talaaga le faaaogaina o le LSS ma HSLA. na faaopoopo uma i CSS3, ma o lea e le o lagolagoina e IE lomiga 9 pe maualuga. Embodiments RGB tutusa po RGBA, nao i le a faatulagaga eseese: matuia (paolo - taua i luga o le uili lanu, ua tuuina mai i le tikeri), Saturate (faatumau - malosi le lanu o se pasene, mai 0 e 100), Lightness (lightness - pupula, fuaina parameter faapena Saturate ).

Faafetaia talaaga-faatusa

O le lomiga aupito satauro-browser o le talaaga manino - o le faaaogaina lenei o le faatusa. I CSS3, e mafai ona faatulaga e sili atu ata, faia lenei mea e ala i se koma. faataitaiga:

{Faatusa talaaga-tino: URL (bg1.png), URL (bg2.png)}.

O lenei auala o le lagolagoina lava IE8. ata ni nai i tua o le paʻu faaaogaina i le faatulagaga. Taua, aua nei galo e faaaoga so o se faatusa ma faatulaga le lanu talaaga i CSS, e pei e mafai ona na o tagata e faaaogaina tuu i luga se faatusa.

Faafetaia talaaga-tulaga

Afai e te faaaogaina le faatusa e faatulaga le iunite o talaaga, e mafai ai CSS i tulaga le faatusa o soo se mea i luga o le lau. E faaletonu, o loo tu le faatusa i le tulimanu tauagavale pito i luga. e uiga pe faatonuga upu (pito i luga, lalo, taumatau, tauagavale), o se fuainumera (aia, pixels ma isi iunite). I lenei tulaga, e tatau ona faamaoti tulaga faatauaina e lua, faalava ma tūsaʻo:

tino {talaaga-tulaga: ogatotonu taumatau ;} - i lenei faataitaiga, o le a tu le mamanu i le itu taumatau o le itulau, o le pito i luga ma le pito i lalo o le mamao faatagata i le tasi.

Faafetaia talaaga-tele

O nisi taimi e tatau ai ina ia faaloaloa le CSS talaaga po o le faaitiitia lona tele. Ina ia faia lenei mea, ia faaaoga le uiga talaaga-tele, ma le tele o le talaaga e mafai ona faatulaga pixels po o le pasene, ma so o se isi iunite.

Faatasi ai ma lenei uiga, ei ai nisi faafitauli: mo faaalia saʻo o se talaaga i le uluai lomiga o le prefixes browser e tatau ona faaaogaina. O le mea moni, o le lomiga i le taimi nei atoatoa lagolagoina lenei uiga ma le manaomia o le meatotino patino mou.

Faafetaia talaaga-piitaga

Lenei uiga faamaoti mai e le amioga o le ata talaaga ao le faasolo. O lea la, e mafai ona ave 3 faatauaina (e le aofia ai le tofi, o le aofaiga atoa mo le uiga o uma talanoaina i lenei mataupu):

• tumau - ua faia e le ata i luga o le talaaga o le faatulagaina;
• tusi - talaaga tusi i le vaega o totoe o le elemene;
• lotoifale - Ua scrolled le ata i tua pe afai e le faasolo ua faamalieina. Talaaga e alu i tua atu o le mataupu o le tino ua faatulagaina.

Faataitaiga o le faaaogaina:

tino {talaaga-piitaga faatulagaina}.

Le taimi nei, e le lagolagoina Firefox le meatotino mulimuli (lotoifale).

Faafetaia talaaga-tupuaga

O lenei uiga e nafa ma le elemene faatulagaga. browsers vave manaomia ai le faaaogaina o prefixes. Le meatotino lava ei ai le faataamilosaga e tolu:

• ua faatulagaina aiga padding-pusa i le mamanu pito, ao i le amanaia ai le mafiafia o le tino;
• meatotino eseese tuaoi-pusa mai le muamua i le laina tuaoi e mafai ona atoatoa po o fesiliaʻi nai vaega o le mamanu;
• faatusa faatulagaga faamalieina-pusa pryavyazyvaya ona anotusi.

Afai e te faamaoti tulaga faatauaina tele, lea e mafai ona tali browsers io latou lava ala: iloa Firefox ma opera na o le filifiliga muamua.

Faafetaia talaaga-toe fai

O se tulafono faafoe, pe afai ua faamaoti le faatusa talaaga, e tatau ona toe faalava po o le faasologa agai i lalo. Mo lenei ma faaaogaina le uiga talaaga-muamua. O lea, poloka talaaga, CSS o loo i ai se meatotino e mafai ona maua se tasi o le tele o le faataamilosaga:

• leai-toe fai - o le faatusa o aliali mai i luga o se itulau i se lomiga e tasi;
• toe fai - Ua toe talaaga i le x ma y;
• toe fai-x - na faalava;
• toe fai-y - na o le faasologa agai i lalo;
• o loo toe taʻua talaaga, ae afai avanoa le mafai ona faatumuina i le va o le ata foliga gaogao - avanoa;
• ua scaled le faatusa, pe afai e le faatumuina le vaega atoa o le ata atoa - faataamilo.

Faataitaiga o le uiga:

tino {talaaga-toe fai: no- toe fai taulotoina} - faapena talaaga-toe fai: toe fai-y.

I CSS3 mafai ona faamaoti tulaga faatauaina mo tupua tele pe lisiina tapulaa, ma valavala ai i commas.

Faafetaia talaaga-kilipa

O lenei uiga e faamatalaina ai le amioga o le tulaga i lalo o le tuaoi (f.t.t., i le tulaga o le faavaa o motumotu):

• padding-pusa - talaaga faaalia i totonu o le poloka;
• tuaoi-pusa - oo mai le faatusa i lalo o le faavae;
• pusa faamalieina-- a na afio mai le ata i luga o le talaaga i totonu o le mataupu.

Faataitaiga o le faaaogaina:

tino {talaaga-kilipa: content- pusa;}.

manaomia Chrom ma Safari perefisi -webkit-.

Opacity uiga ma faamama

opacity uiga faatagaina oe e faatulaga ai le tulaga manino o le talaaga - le a galulue i meatotino CSS browsers uma. ua faatulagaina e le taua i le tele mai 0,0 e 1.0 aofia. I lenei tulaga, e mafai ona e faatuina e le manino o le talaaga CSS leai se aoga integer nai lo le 0.3 ua lava e tusi .3:

.block {talaaga-faatusa: URL ( img.png); opacity: .3;}.

Ina ia faia le opacity talaaga, CSS o talafeagai lava mo IE i lalo o le lomiga lona iva, faaaoga le uiga faamama:

.block {talaaga-faatusa: URL ( img.png); faamama: Alefa (opacity = 30)}.

I lenei tulaga, o loo faatulaga le taua opacity le va 0 ma 100. Faamatalaga o le opacity faafetaia eseese tulaga manino e ala RGBA tofi: pe a faaaogaina opacity avea manino le gata o le soifuaga, ae faapea foi elemene uma i totonu o le iunite.

Pea mataitu lou fuainumera faaaogaina mo browsers CIS ma isi atunuu uma. O le faafitauli sili uma DTP - matutua lomiga o IE, latou te le mafai ai ona e faaaogaina le CSS3 tumu tulaga. I faatulagaga aua nei galo e faaaoga le auaunaga faapitoa e siaki pe lou browser lagolagoina so o se meatotino CSS. Afai e le mafai ona faatuina matutua lomiga o browsers, saili se auaunaga o le a siaki le galuega nofoaga i browsers tele i le initoneti.