CSS: font kolor, estilo, sumbanan, gidak-on

Programming - ang salamin: sa sinugdan mao ang pulong, ug dili namalandong balik. Ug sa kaayo nga sa madali nga kini sa "kausaban": una samin, unya ang pulong ... Sa niini nga punto, dagkong estilo Sheet - ang maayo, apan nganong dugay kini moadto sa hunahuna sa usa ka developer? CSS - kini sa tanan nga sa mao usab nga panahon gubat sa panahon sa mga programa sa computer, apan lamang sa usa ka lain-laing mga panglantaw. Bisan sa diha nga ang mga masa nga mahimong nakig uban rebolusyon dili gihimo.

website panid - kini Tags HTML-markup, nga mahimong ikapasangil sa usa ka estilo o estilo ilhanan klase. Ang unang mahimong gihubit sa makausa ug sa ipahinungod ngadto sa bisan unsa nga butang sa daghan nga gikinahanglan nga panahon, ug ang ikaduha iya sa usa ka partikular nga elemento.

Ang kinatibuk-ang katarungan sa mga paghulagway sa mga estilo

Pinaagi sa tradisyon, ang estilo nga gibutang diha sa CSS-file, apan mahimong gipahinungod ngadto sa usa ka partikular nga elemento sa iyang estilo hiyas. estilo mahimong gilalang diha sa sitwasyon sa mga himan JavaScript. Sa partikular nga kamahinungdanon dili sama sa gihulagway, alang sa panig-ingnan, pinaagi sa mga paagi sa CSS kolor font, gidak-on niini, ang headset, background sa ilalum niini ug sa ingon sa. Location estilo paghulagway importante diha sa konteksto sa, kasagaran duha ka mga ideya: ang ulahi nga gihulagway, mao nga kini mao ang usa ka mas taas nga prayoridad, ug kon sa gihulagway diha sa elemento, kini importante !. Last natala ingon nga kini mao, tin-aw nga naghubit sa prayoridad.

Ibutang ang estilo sa, alang sa panig-ingnan, usa ka kausaban sa kolor kolor font, mahimong bisan asa ug bisan unsa nga butang. Ang pangutana mao kon unsaon sa reaksiyon sa kini sa usa ka browser sa panahon sa disassembly sa tanan nga mga estilo sa tingub. Kon sa unsang paagi sa daghan nga wala siya mogahin sa CPU niini?

Sa minithi, kolor font kinahanglan nga gipakita sa makausa lamang - kini usa ka classic. Hunahunaa gikan sa usa ka yano nga paghulagway sa usa ka magtiayon, ug unya ug usa, ug ang lain nga ... siyempre, sa imong mahimo. Kini mao ang uso, apan praktikal nga.

PANIG-INGNAN kinatibuk-ang katarungan

Na lamang gitinguha sa CSS kolor alang sa tanang tulo ka mga elemento, kini mao ang posible nga sa pagkuha sa labing menos tulo ka dugay na nga mga problema:

# Ele1, # Ele2, # Ele3 {
KATUNGDANAN: hingpit;
wala: 20px;
ibabaw: 14px;
kolor: pula nga;
}

# Ele2, # Ele3 {
wala: 90px; //-usab sa CSS pinahigda coordinates
kolor: yellow nga; //-usab sa kolor sa CSS font
}

# Ele3 {
ibabaw: 114px; //-usab sa CSS bertikal coordinate

kolor: lunhaw nga; // makausa pag-usab-usab sa kolor sa CSS font

background-kolor: lightgrey; // CSS text highlight kolor nausab, apan dili kini karon sa # Ele1 ug # Ele2; posisyon usab nausab, apan kini nausab sa # Ele2 ug sa dili, sama sa dinhi

}

Karon kita adunay sa paghinumdom nga ang tanan niini nga mga tulo ka mga elemento gihubit dapit, ug diha sa mga panghitabo sa usa ka kausaban sa kolor larawan sa tag-iya site, ang developer adunay sa paghinumdom dili lamang mahitungod sa mga kolor, apan usab mahitungod sa sa wala lagda ug sa ibabaw, ug bisan sa pag-usab sa mga highlight kolor sa teksto kinahanglan nga dili hikalimtan.

Dili ang tanan nga mga developers nga gitahud kinahanglanon CSS: Style ID - lamang sa usa ka elemento, ug ang klase estilo - sa daghan nga mga tags, labut pa sa katapusan nga posible nga punto sa mga tag ingon nga mga adhetibo:

• ang mga kolor font sa CSS - estilo groundColor klase;
• hingalan sa gidak-on sa font - klase size15;
• set posisyon - klase PlaceUp.

Natural lang, ang paggamit sa mga ilhanan, ilabi na kon sila iya sa sa mao gihapon nga nagtimaan elemento, ang top napulo ka estilo klase, gipintalan sa nagkalain-laing mga kalihokan sa mga gatusan ka mga elemento panid. Apan ang tanang mga butang adunay iyang kaugalingon nga tumong nga katarungan.

developer Ang lamang kinahanglan husto sa asoy: bisan pa kon ang kolor font sa HTML, CSS nagtanyag sa paghulagway sa lisud nga, ang pagka-flexible sa mga kinatibuk-ang gambalay sa paghulagway - nga sa iyang trabaho.

Ang gipaabot nga resulta sa paggamit sa komon nga katarungan

Ang modernong mga browsers mga komportable sa usa ka daghan sa estilo file ug mga tomo. Apan, pagplano, sa partikular pinaagi sa CSS, kolori ang tibuok panid, kamo kinahanglan nga sa kanunay maghunahuna sa mga makataronganon sufficiency. Dili ang tanan nga estilo lagda "barato"-aw sa aplikasyon. Yano laconic entry: * {kolor: puti;} - sa pagkatinuod matahum, apan kini magamit ngadto sa tanan nga mga elemento sa panid, nga walay gawas.

Sa tanan nga mga lagda, nga ang himan sa CSS, ang labing importante:

• estilo - klase, ug dayon ang ngalan magsugod uban sa, "."
• estilo - ilhanan ug ang ngalan niini magsugod uban sa usa ka "#" kinaiya;
• sa ubang mga kaso - sa usa ka tag sa ngalan o sa usa ka butang nga espesyal

Ang nabilin nga bahin sa mga ideya nga paghulagway sa mga estilo (panulondon kabtangan sapaw, mga prayoridad, posisyon, aron ug sa mga sama. D.) Angay gamiton nga maalamon ug hugot nga gikinahanglan.

Ang browser sa kanunay mingawon, dili sa paghimo sa sa sa paghulagway, sa pagkaagi nga ang mga espesyal nga mga surprises dili. Kon ang usa ka butang wala sa husto nga dapit o ang mga kolor font sa CSS dili mahimo, busa, sa estilo sa mga sayop.

wala damha nga mga oportunidad

kinahanglan nga dili abuso sa estilo sama sa * {wala: 124px; } o

ol ol, ol ul, ul ul, ul ol {margin-ubos: 0; }
sa usa ka img {utlanan: 0; }

Bisan tuod kini mao ang lisud nga aron sa paghimo sa bisan sa usa ka novice developer sa paggamit sa mga lagda CSS ingon nga sila. Sa kanunay diha sa sa kalamboan sa bisan unsa nga site, bisan hingpit yano nga CSS syntax naghatag sa wala damha nga mga problema. Apan, kon direkta nga mga paningkamot sa mga husto nga paggamit sa syntax, apan sa paggamit sa kagamitan, katuyoan JavaScript mao ang bag-o ug wala damha nga oportunidad sa paglikay sa monotonous paghimo ilhanan alang sa matag elemento, o sa pag-monitor sa paggamit sa matang sa estilo ug sa mga klase.

CSS - dili lamang sa usa ka estilo file nga konektado ngadto sa panid pinaagi sa link tag o gisal-ut ngadto niini pinaagi sa estilo tag. Kini mao ang posible usab sa paghimo sa usa ka estilo sa langaw o pag-usab sa usa ka kasamtangan nga sa usa ka.

Pinaagi sa paggamit sa CSS, ang kolor font mahimo programmatically. Ingon man usab sa gidak-on ug posisyon, kilid. Website - dili usa ka tumong sa paggamit sa kahibalo sa CSS, HTML, PHP o JavaScript epekto flash.

Web resource - mao ang una sa tanan nga impormasyon nga gitanyag sa usa ka paagi. Mao nga ang CSS ang labing maayo nga makita sa sa mga kaabtikon pinaagi sa lens sa unsa nga paagi nga kini mao ang posible nga sa pagporma, samtang ang panid mao pa sa server (kini mao ang dili magamit PHP sa panahon sa diha nga ang site bisita miabut, dili ang developer sa panahon sa diha nga siya pagpalambo sa site), sa gitinguha nga stylesheet sa usa ka piho nga teksto alang sa may kalabutan nga sulod, o sa paghimo sa usa ka estilo sa klase o ilhanan sa langaw sama sa pahina nagtrabaho, sa diha nga kini tan-awon sa usa ka partikular nga bisita.

nagahunong sitwasyon

dili nato kanunay kinahanglan isulat sopistikado kaplag JavaScript-code aron sa paghimo sa dinamikong sulod ug disenyo niini - sa usa ka igo nga sulod. Usahay kini mao ang igo nga sa husto nga paagi sa paggamit sa mga anaa nga mga oportunidad. Sa partikular, pinaagi sa paghubit CSS kolor font sa sinugdanan nagapahulay, nagahunong nga pagmando, nga imong mahimo sa pagtago sa niini nga pagmando (nga gitago) ug paghanduraw lain-laing mga (makita).

Dinhi, ang mamumulong wala magkinahanglan sa algorithm:

// sa pag-highlight sa button input sa website
function scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'makita' .;
}

// pagtago sa mga button input sa website
paglihok scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'natago' .;
}

nagtanyag CSS kaugalingong mga sitwasyon sa: tickers, sihag nga mga elemento, nagkalain-laing mga embodiments op, mga pasundayag, nagakalawos nga kolor. Sa CSS, ang kolor font mahimo nga gihimo bisan sa pagkaagi nga walay bisan usa ka estilo nga pagmando dili gihatag.

Dinamikong display sulod

Kon walay mga doktrina, tingali walay pag-uswag. Dili kon unsa ang sama sa pagpakig-away. Hypertext gidala ngadto sa kalibutan sa usa ka daghan sa mga doktrina. Kini mao ang panahon sa pagbayad pagtagad ngadto kanila ug sa pagsugod sa pagpalambo sa mga dapit sa usa ka pragmatic ug praktikal nga estilo.

Sa sinugdan, adunay usa ka panid (P), ang pipila sa imong sulod (K), ang tanan nga mga tag sa mga panid nga gihulagway diha sa mga estilo sheet (S). Dili ang usa ka bag-o nga porma P panid pinaagi sa PHP o Perl sa server pinaagi sa pagpili K gikan sa database. Kasamtangan nga estilo sheet S awtomatikong mosunod. Apan, K nga mausab, ug sa kadaghanan sa mga kaso, ingon nga usa ka kausaban nga agian sa panginahanglan alang sa uban nga mga estilo, nga mao, S +.

Kay sa panig-ingnan, ang customer miingon: "Ang site naghulagway sa kinabuhi sa Moscow, ang mas maayo nga motan-aw kon ang mga artikulo balita gidayandayanan sa estilo sa" ZaZavtrakom ", nga naghulagway sa gabii kapuliki sa estilo sa" Las Vegas "ug mga artikulo sa siyensiya ug teknolohiya pag-uswag sa estilo sa" ModernTehno ' ". Apan kon atong himoon S sa tulo ka niini nga mga mga kapilian, walay garantiya nga ang customer dili makabaton sa ideya sa usa ka hugpong sa mga artikulo nga "News", "holiday", "Buhat», «CSS / HTML» bonus "HozyaykeNaZametku".

Laing paagi nga mas praktikal. Sa walay pagtagad sa mga kategoriya sa mga artikulo nga may mao ang kanunay sa sulod nga mahimong gipintalan sa usa ka kolor. Dinhi niining dapita adunay na sa usa ka maalamon nga ideya: og piho nga K, sa gihapon sa ibabaw sa mga server sa pagmugna sa usa ka igo nga S, ug ang browser nagkinahanglan P, siya sa pagkuha sa husto nga sulod sa hustong clearance.

Dynamics estilo sa JavaScript

Minimum nga, bisan tuod kaayo nga epektibo nga solusyon - sa pagbuhat sa estilo direkta sa browser kliyente sa. Una, kini nagasapnay sa mga server - dili na kinahanglan nga mogahin og panahon sa pagporma sa mga panid hypertext ug estilo file alang niini.

Ikaduha, ang mga natural nga awa-aw sa panahon sa sulod sa browser paghimo sa epekto nga ang pahina nga okupar sa negosyo ug aktibo nga nagsuporta dialogue uban sa mga bisita: siya gihapon wala makakita sa sulod sa kinabag, busa, siya sama sa usa ka makanunayon ug mahunahunaon nga impormasyon output.

Ikatulo, nagtugot kini sa developer sa paghatag sa mekanismo mga bisita sa mga sulod niini nga estilo, diin siya mao ang komportable. Kini dili bisan sa bisan kinsa.

Aron sa pagpatuman niini nga ideya, nga kamo kinahanglan sa pagpatuman sa usa ka mekanismo alang sa pagmugna sa mga elemento sa estilo diha-diha dayon human sa loads nga pahina, ug sa dagan sa operasyon niini. Modernong site - kini Ajax sa usa ka partikular nga porma. Kini mao ang dili lisud nga sa pagdala sa sa pagporma sa mga estilo direkta sa proseso sa pagtukod sa kahoy panid. Kini sayon, barato ug epektibo, tungod kay ang sulod mao ang uban sa iyang registration.

Kini wala magkasumpaki sa modernong kiling sa pagbulag sa presentasyon sa impormasyon gikan sa pagproseso gihimo sa ibabaw sa mga data ug sa pagbiya sa display.

CSS ingon nga usa ka aktibo nga sangkap

Hypertext gidala sa usa ka daghan sa mga maayo, apan lamang sa usa ka gamay nga tipik sa mga natural nga impormasyon malampuson pormal, may mga himan ug kasinatian sa pagmugna sa high-kalidad nga HTML, XML, CSS dokumento. Dili ang usa ka problema sa pormal sa bag-ong libro sa impormasyon ug mausab-usab na sa sayo pa.

Uban sa pagtahod sa CSS, kini nga proseso activate sa usa ka bug-os nga lain-laing mga konteksto. Gitukod-sa mga himan sa JavaScript, nga tungod niana "sa langaw" sa paghimo mga elemento ug mga estilo sa mga elemento wala magpaabut sa maong usa ka posibilidad, ug ang mga tiglalang sa PhP, sa partikular, nagtuo nga moapil sa pagtukod sa lamang mga panid HTML.

Sa una ug sa ikaduha nga nagtugot sa pagbuhat sa programming estilo. Kini nga bag-o nga direksyon sa kapatagan sa impormasyon nga teknolohiya. Estilo nga mas dako pormal nga butang kay sa XML o HTML, ang mga lagda kaayo mga walay-pagtagad. Style mao ang kanunay karon sa impormasyon, bisan sa unsa nga paagi sa natural nga kini mao ang.

database registration programmers nga moapil sa kanunay diha sa usa ka daghan pa pormal nga sektor, apan CSS tema - ang usa ka kaayo yano nga buluhaton, apan daw wala ngadto sa kapatagan sa panglantaw sa proseso sa kalamboan.

Sa pagtulon-an sa kapatagan sa programming

Sama sa usa ka iceberg, usa ka pagtulon-an dili taas nga expanses furrowing impormasyon. Kaniadto nga kasinatian nga focus dili lamang sa HTML- ug CSS-mga sumbanan, mga himan sa pagtrabaho uban kanila, sa kahibalo developers.

Usa ka yano nga buluhaton - sa paghimo sa pinaagi sa kolor font CSS - nakakaplag sa hingpit nga solusyon. Rules, syntax, lohika ug paghupay anaa malalis. Apan bisan pa sa diha nga ang bunyaganan sa tinuod wala sa usa ka daghan sa mga kolor alang sa praktis, usab sa daghan nga dili kinahanglan, ug sa pagkatinuod alang sa mga katuyoan sa katinuod sa virtualization dili kinahanglang ang tanan nga mga natipon "puwersa» HTML ug CSS, adunay moabut nga usa ka panahon sa dihang ang situational kahibalo moadto sa pakopya ug gipakita kasinatian ug mga himan sa mga natural nga pagporma sa estilo sa sulod.

Unsa nga paagi nga kini, dili mahimo nga sa bug-os nga tin-aw, apan nga ang proseso na ubos sa dalan, klaro.