CSS: kulay ng font, estilo, pattern, laki

Programming - ang mirror: sa simula ay ang salita, at hindi masasalamin pabalik. At masyadong mabilis ito ay nagkaroon sa "baguhin": una mirror, pagkatapos ay ang salita ... Sa puntong ito, cascading style sheet - ay mabuti, ngunit bakit kaya mahaba ito ay pagpunta sa bale isang developer? CSS - ito ay ang lahat ng parehong mga beses array ng panahon ng mga programa sa computer, ngunit lamang sa isang iba't ibang mga pananaw. Kahit na kapag ang masa ay maging nag-uugnay rebolusyon ay hindi ginawa.

pahina ng website - ito tag na HTML-markup, na maaaring maiugnay sa isang tiyak na estilo o estilo identifier klase. Ang unang ay maaaring tinukoy nang isang beses at idahilan sa anumang bagay magkano ang kailangan ng oras, at ang pangalawa ay kabilang sa isang partikular na elemento.

Ang pangkalahatang logic ng mga paglalarawan ng mga estilo

Sa pamamagitan ng tradisyon, ang estilo ay nakalagay sa CSS-file, ngunit maaaring maiugnay sa isang partikular na elemento sa kanyang style attribute. Ang estilo ay maaaring malikha sa dynamics ng mga kasangkapan JavaScript. Ng mga partikular na kahalagahan ay hindi tulad ng inilarawan, halimbawa, sa pamamagitan ng CSS kulay ng font, laki nito, ang headset, background ilalim nito at iba pa. Lokasyon style paglalarawan ay mahalaga sa konteksto ng, kadalasang dalawang ideya: ang mamaya inilarawan, kaya ito ay isang mas mataas na priority, at kung inilarawan sa mga elemento, ito ay mahalaga !. Huling naitala bilang ito ay, malinaw na tumutukoy sa mga priority.

Ilapat ang estilo sa, halimbawa, ang isang tiyak na baguhin ang kulay ng kulay ng font, ay maaaring maging kahit saan at kahit ano. Ang tanong ay kung paano reaksyon sa ito sa isang browser sa panahon ng disassembly ng lahat ng estilo magkasama. Kung magkano ang ginawa niya gastusin sa CPU na ito?

May perpektong, kulay ng font ay dapat na ipinahiwatig ng isang beses lamang - ito ay isang klasikong. Mag-isip sa labas sa isang simpleng paglalarawan ng isang mag-asawa, at pagkatapos ay isa pang at isa pa ... siyempre, maaari mong. Ito ay fashionable, ngunit praktikal.

EXAMPLE pangkalahatang logic

Medyo lang natutukoy sa pamamagitan ng CSS kulay para sa lahat ng tatlong mga sangkap, ito ay posible upang makakuha ng hindi bababa sa tatlong pang-tumatakbo ang mga problema:

# Ele1, # Ele2, # Ele3 {
POSISYON: absolute;
kaliwa: 20px;
top: 14px;
color: red;
}

# Ele2, # Ele3 {
kaliwa: 90px; // baguhin ang CSS pahalang coordinate
kulay: dilaw; // baguhin ang kulay ng CSS font
}

# Ele3 {
top: 114px; // baguhin ang CSS vertical coordinate

kulay: berde; // muling baguhin ang kulay ng CSS font

background-color: lightgrey; // CSS text kulay ng highlight nagbago, ngunit ito ay hindi naroroon sa ang # Ele1 at # Ele2; posisyon ay nabago rin, ngunit ito ay nagbago sa # Ele2 at hindi, bilang dito

}

Ngayon kami ay may sa tandaan na ang lahat ng tatlong sangkap ay tinukoy sa isang lugar, at sa kaganapan ng isang pagbabago ng kulay ng mga representasyon ng ang may-ari ng site, nag-develop kailangang tandaan hindi lamang tungkol sa mga kulay, ngunit din tungkol sa mga iniwan patakaran at itaas, at kahit na baguhin ang kulay ng highlight ng teksto ay hindi dapat nakalimutan.

Hindi lahat ng mga developer ay revered kinakailangan CSS: Estilo ID - lamang ng isang elemento, at ang klase ng estilo - maraming mga tag, maliban sa huling posibleng punto sa mga tag bilang mga pang-uri:

• itakda ang kulay ng font sa CSS - style groundColor class;
• tukuyin ang laki ng font - klase size15;
• set posisyon - klase PlaceUp.

Naturally, ang paggamit ng mga pantukoy, lalo na kapag sila ay nabibilang sa parehong pagmamarka ng elemento, ang nangungunang sampung style klase, pininturahan ng iba't-ibang mga kumbinasyon ng mga daan-daang mga sangkap ng pahina. Ngunit lahat ng bagay ay may sariling layunin logic.

Ang nag-develop lang dapat tama isaalang-alang: kahit na ang kulay ng font ng HTML, CSS ay nag-aalok upang ilarawan husto, ang kakayahang umangkop ng ang pangkalahatang istraktura ng mga paglalarawan - iyon ang kanyang trabaho.

Ang inaasahang resulta ng paggamit karaniwang logic

Modernong mga browser ay kumportable na may maraming mga estilo ng mga file at mga volume. Gayunman, pagdidisenyo, sa partikular sa pamamagitan ng CSS, kulayan ang buong pahina, dapat palagi kang mag-isip ng mga makatwirang pagiging sapat. Hindi lahat ng estilo panuntunan "cheap" na hitsura sa application. Simple matipid magsalita entry: * {color: white;} - tiyak na maganda, ngunit ito ay sumasaklaw sa lahat ng mga elemento ng pahina, nang walang pagbubukod.

Ng lahat ng mga patakaran, na kung saan ay nilagyan ng CSS, ang pinaka-mahalaga:

• estilo - klase, at pagkatapos ay ang pangalan ay nagsisimula sa, "."
• estilo - identifier at ang pangalan nito ay nagsisimula sa isang "#" karakter;
• sa ibang mga kaso - isang name tag o isang bagay na espesyal na

Ang natitirang bahagi ng ang mga ideya paglalarawan sa Estilo (inheritance properties nagsasapawan, prayoridad, posisyon, order at iba pa. D.) Ay dapat gamitin nang may katalinuhan at mahigpit na kinakailangan.

Nagbibigay ang browser always miss, huwag gumawa ng out sa paglalarawan, kaya na ang mga espesyal na sorpresa ay hindi. Kung may isang bagay ay wala sa tamang lugar o itakda ang kulay ng font sa CSS ay hindi posible, samakatuwid, sa ang estilo ng mga error.

hindi inaasahang pagkakataon

hindi dapat inabuso estilo tulad ng * {kaliwa: 124px; } o

ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
isang img {border: 0; }

Kahit na ito ay mahirap na gumawa ng kahit na isang baguhan developer upang gamitin ang mga panuntunan CSS pati na ang mga ito. Laging sa pag-unlad ng anumang site, kahit na ganap simpleng CSS syntax ay nagbibigay sa mga hindi inaasahang mga problema. Gayunpaman, kung direktang mga pagsusumikap sa tamang paggamit ng syntax, ngunit ilapat ang JavaScript functionality ay bago at hindi inaasahang pagkakataon ay maiwasan ang hindi nagbabago ang tono lumikha ng tagapagpakilala para sa bawat elemento, o upang subaybayan ang paggamit ng iba't-ibang mga estilo at klase.

CSS - ay hindi lamang isang estilo ng file na ay konektado sa page sa pamamagitan ng link na tag o ipinasok sa ito sa pamamagitan ng style tag. Posible rin upang lumikha ng isang estilo sa mabilisang o baguhin ang isang umiiral na isa.

Sa pamamagitan ng paggamit ng CSS, ang kulay ng font ay maaaring gawin ng programming. Pati na rin ang laki at posisyon, margin. Website - ay hindi isang layunin upang ilapat ang kaalaman sa CSS, HTML, PHP o JavaScript effect flash.

Web mapagkukunan - ay unang ng lahat ng impormasyon na inaalok sa isang tiyak na paraan. Iyon ay kung bakit CSS ay pinakamahusay na makikita sa dynamics sa pamamagitan ng lens ng kung paano ito ay posible upang bumuo, habang ang pahina ay pa rin sa server (ito ay hindi magagamit PHP sa panahon na ang mga bisita ng site ay dumating, hindi sa nag-develop sa panahon na siya ay pagbuo ng site), ang nais na stylesheet isang tiyak na teksto para sa mga kaugnay na nilalaman, o upang lumikha ng isang estilo klase o pantukoy sa mabilisang bilang ang pahina ay gumagana, kapag ito ay tumitingin sa isang partikular na bisita.

static dynamics

Hindi laging namin ay dapat magsulat ng sopistikadong find JavaScript-code upang gumawa ng mga dynamic na nilalaman at disenyo nito - ang sapat na nilalaman. Minsan ito ay sapat na upang maayos gamitin ang mga magagamit na mga pagkakataon. Sa partikular, sa pamamagitan ng pagtukoy CSS kulay ng font una static panuntunan, maaari mong itago ang patakaran na ito (nakatago) at makita ang iba't ibang (nakikita).

Dito, ang speaker ay hindi nangangailangan ng algorithm:

// upang i-highlight ang pindutan ng input sa website
function na scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'nakikita' .;
}

// itago ang pindutan ng pag-input sa website
aandar scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'hidden' .;
}

nag-aalok ng CSS sariling dynamics: Ticker, transparent elemento, iba't-ibang embodiments overlay, display, dahan kulay. Sa CSS, ang kulay ng font ay maaaring gawin kahit na ano pa't sinoma'y walang pangkakanyahan panuntunan ay hindi ibinigay.

Dynamic nilalaman ng display

Kung walang mga dogma, marahil doon ay walang pag-unlad. Basta hindi kung ano ito ay tulad ng upang labanan. Hypertext dinala sa mundo ng maraming mga dogma. Ito ay oras upang magbayad ng pansin sa mga ito at upang simulan ang pagbuo ng mga site sa isang praktiko at praktikal na estilo.

Sa una, mayroong isang pahina (P), ang ilan sa iyong nilalaman (K), lahat ng mga tag ng pahina ay inilarawan sa style sheet (S). Hindi isang bagong paraan P pahina sa pamamagitan ng PHP o Perl sa server sa pamamagitan ng pagpili K mula sa database. Umiiral na mga style sheet S ay awtomatikong sundan. Gayunman, ang K ay maaaring nagbago, at sa karamihan ng mga kaso, ang naturang pagbabago ay mangailangan ang pangangailangan para sa iba pang mga estilo, iyon ay, S +.

Halimbawa, ang mga customer sinabi: "Ang site ay naglalarawan ng buhay ng Moscow, ay magmukhang mas mahusay kung ang mga artikulo ng balita ay ginayakan sa estilo ng" ZaZavtrakom ", na naglalarawan sa gabi pagmamadalian sa estilo ng" Las Vegas "at mga artikulo sa mga pang-agham at teknolohikal na pag-unlad sa ang estilo ng" ModernTehno ' ". Ngunit kung gumawa kami ng S sa tatlo sa mga pagpipiliang ito, walang garantiya na ang mga customer ay hindi magkakaroon ng ideya na magkaroon ng isang hanay ng mga artikulo "News", "holiday", "Trabaho», «CSS / HTML» bonus "HozyaykeNaZametku".

Ang isa pang diskarte mas praktikal. Anuman ang kategorya ng artikulo doon ay palaging ang nilalaman na maaaring lagyan ng kulay sa isang tiyak na kulay. Dito sa lugar na ito doon ay lubos ng matinong ideya: makakuha ng mga tiyak K, pa rin sa server upang bumuo ng isang sapat na S, at ang browser ay mangangailangan P, siya ay makakakuha ng tamang nilalaman sa tamang clearance.

Dynamics estilo ng JavaScript

Minimum, kahit na napaka-effective na solusyon - upang gawin ang styling direkta sa browser ng kliyente. Una, ito relieves ang server - hindi na kailangang gumastos ng oras sa pagbuo ng mga pahina ng hypertext at estilo file para dito.

Pangalawa, ang mga likas-aaksaya ng panahon sa loob ng browser ay lumikha ng mga epekto na ang pahina ay inookupahan ng negosyo at aktibong sinusuportahan ng dialogue na may mga bisita: siya pa rin ay hindi makita ang nilalaman nang maramihan, kung gayon, siya ay tulad ng isang pare-pareho at maalalahanin impormasyon output.

Ikatlo, pinapayagan nito ang mga developer upang magbigay ng mga mekanismo bisita sa nilalaman sa ito estilo, kung saan siya ay kumportable. Ito ay hindi kahit sinuman.

Upang ipatupad ang ideyang ito, kailangan mong ipatupad isang mekanismo para sa paglikha ng mga elemento ng estilo kaagad pagkatapos ng naglo-load ng pahina, at sa kurso ng operasyon nito. Modern site - ito ay AJAX sa isang partikular na form. Ito ay hindi mahirap upang isagawa ang pagbuo ng mga estilo nang direkta sa proseso ng pagbubuo ng puno page. Ito ay madali, abot-kayang at epektibo, dahil ang nilalaman ay kasama ang kanyang registration.

Ito ay hindi sumasalungat sa makabagong ugali upang paghiwalayin ang mga pagtatanghal ng data mula sa processing gumanap sa data at nag-iiwan sa display.

CSS bilang isang aktibong sahog

Hypertext nagdala ng isang pulutong ng mabuti, ngunit lamang ng isang maliit na maliit na bahagi ng mga natural na impormasyon ay matagumpay na formalized, may mga kasangkapan at karanasan sa paglikha ng de-kalidad na HTML, XML, CSS na dokumento. Hindi isang problema upang gawing pormal ang bagong volume ng impormasyon at magbago na ginawa nang mas maaga.

Patungkol sa CSS, ang prosesong ito ay aktibo sa isang ganap na naiibang konteksto. Built-in na tool sa JavaScript, pagpapagana "sa mabilisang" upang lumikha ng mga elemento at mga estilo ng mga elemento ay hindi inaasahan tulad ng isang posibilidad, at ng mga tagalikha ng PHP, sa partikular, pinaniniwalaan na nakatuon sa pagbuo ng mga lamang ang HTML na pahina.

Ang parehong ang una at ikalawang ay nagpapahintulot gawin programming estilo. Ang bagong direksyon sa larangan ng impormasyon teknolohiya. Estilo ng malaki mas maraming mga pormal na bagay kaysa sa XML o HTML, ang mga patakaran ay napaka-simple. Style ay laging naroroon sa impormasyon, hindi mahalaga kung gaano natural na iyon.

database Registration programmer ay pansin palaging sa isang mas pormal na sektor, ngunit CSS tema - isang napaka-simpleng gawain, ngunit sa anumang paraan ay hindi kumuha sa ang field ng pagtingin ng proseso ng pag-unlad.

Sa dogma sa larangan ng programming

Tulad ng isang iceberg, isang dogma ay hindi maaaring katagal expanses furrowing impormasyon. Nakalipas na karanasan ay nagkaroon ng pag-isiping mabuti hindi lamang sa HTML- at CSS-pamantayan, mga kasangkapan upang gumana sa mga ito, ang kaalaman sa mga developer.

Ang isang simpleng gawain - upang gumawa ng sa pamamagitan ng kulay ng font CSS - ay natagpuan ang perpektong solusyon. Panuntunan, syntax, logic at kaginhawaan ay mapag-aalinlanganan. Ngunit kahit na kapag ang font aktwal na may hindi isang pulutong ng mga kulay para sa pagsasanay, masyadong maraming ay hindi kinakailangan, at sa katunayan para sa mga layunin ng katotohanan ng virtualization ay hindi na kailangan ang lahat ng mga naipon na "force» HTML at CSS, may lumapit ng isang oras kapag ang mga sitwasyon na kaalaman pumunta sa muling ginawa at ipinakita karanasan at mga kasangkapan ng mga natural na pagbuo ng mga estilo ng nilalaman.

Paanong mangyayari ito, maaaring hindi ganap na malinaw, ngunit na ang proseso ay sa ilalim ng paraan, nang walang alinlangan.