CSS: font rangi, style, muundo, ukubwa

Programming - kioo: mwanzo kulikuwa neno, na si yalijitokeza nyuma. Na kwa haraka sana alikuwa na "mabadiliko": kioo kwanza, kisha neno ... Katika hatua hii, kuachia style karatasi - ni nzuri, lakini kwa nini muda mrefu ilikuwa ni kwenda kwa akili developer? CSS - ni sawa wakati wote safu enzi ya programu za kompyuta, lakini katika mtazamo tofauti. Hata wakati raia kuwa associative mapinduzi si alifanya.

tovuti ukurasa - ni vitambulisho HTML-kuashiria kiurahisi, ambayo inaweza kuhusishwa na baadhi ya style au style darasa kitambulisho. kwanza unaweza kuelezwa mara moja na kuhusisha chochote zinazohitajika zaidi ya muda, na ya pili ni ya kipengele fulani.

mantiki ya jumla ya maelezo ya mitindo

By utamaduni, style huwekwa katika CSS faili, lakini unaweza kuhusishwa na kipengele fulani katika mtindo sifa zake. style inaweza kuundwa katika mienendo ya zana JavaScript. Muhimu kabisa si kama ilivyoelezwa, kwa mfano, kwa njia ya CSS rangi font, ukubwa wake, headset, background chini yake na kadhalika. Location maelezo style ni muhimu katika mazingira ya, kwa kawaida mbili mawazo: baadaye alieleza, hivyo ni kipaumbele cha juu, na kama ilivyoelezwa katika kipengele, ni gani muhimu !. Mwisho kumbukumbu kama ilivyo, ni wazi amefafanua kipaumbele.

Weka style na, kwa mfano, baadhi ya rangi ya fonti ya mabadiliko ya rangi, inaweza kuwa mahali popote na kitu chochote. Swali ni jinsi ya kukabiliana nayo katika browser wakati wa disassembly ya mitindo yote pamoja. Kiasi gani yeye kutumia katika CPU hii?

Kimsingi, font rangi lazima unahitajika mara moja tu - ni classic. Fikiria nje kwa maelezo rahisi ya wanandoa, na kisha mwingine na mwingine ... bila shaka, unaweza. Ni mtindo, lakini vitendo.

MFANO ujumla mantiki

Kwa urahisi kabisa kuamua na CSS rangi ya mambo yote matatu, inawezekana kupata matatizo matatu muda mbio:

# Ele1, # Ele2, # Ele3 {
POSITION: kabisa,
kushoto: 20px;
juu: 14px;
rangi: nyekundu;
}

# Ele2, # Ele3 {
kushoto: 90px; // mabadiliko CSS usawa viwianishi
rangi: njano, // mabadiliko ya rangi ya font CSS
}

# Ele3 {
juu: 114px; // mabadiliko CSS wima kuratibu

rangi: kijani; // mara nyingine tena mabadiliko ya rangi ya font CSS

background-color: lightgrey; // CSS kutia rangi kwenye maandishi kubadilishwa, lakini hii si ya sasa katika # Ele1 na # Ele2; nafasi pia yamebadilika, lakini imebadilika katika # Ele2 na hivyo, kama hapa

}

Sasa tuna kukumbuka kwamba wote wa mambo hayo matatu hufafanuliwa mahali fulani, na katika tukio la mabadiliko ya uwakilishi rangi ya mmiliki wa tovuti, developer itakuwa na kukumbuka si tu juu ya rangi, lakini pia sheria ya kushoto na juu, na hata kubadili kuonyesha rangi ya maandishi lazima kuwa wamesahau.

Si watengenezaji wote ni kuheshimiwa matakwa CSS: Style ID - tu kipengele moja, na style darasa - vitambulisho nyingi, badala ya uwezekano hatua ya mwisho katika vitambulisho kama vivumishi:

• kuweka font rangi katika CSS - style groundColor darasa;
• bayana ukubwa wa herufi - darasa size15;
• kuweka msimamo - darasa PlaceUp.

Kwa kawaida, matumizi ya vitambulisho vya, hasa wakati wao ni wa moja kuashiria element, kumi style madarasa, rangi katika michanganyiko mbalimbali ya mamia ya vipengele ukurasa. Lakini kila kitu kina lengo yake ya mantiki.

developer lazima tu kwa usahihi kuzingatia: hata kama font rangi ya HTML, CSS inatoa kuelezea kwa bidii, mabadiliko ya muundo wa jumla wa maelezo - hiyo ni kazi yake.

matokeo yanayotarajiwa kutumia mantiki ya kawaida

browsers kisasa hawana shida na mengi ya files mtindo na wingi. Hata hivyo, kubuni, hasa kwa njia ya CSS, rangi ukurasa mzima, ni lazima daima kufikiria kwa wingi busara. Si sheria zote style "nafuu" kuangalia katika maombi. Simple laconic kuingia: * {rangi: nyeupe;} - hakika nzuri, lakini inatumika kwa mambo yote ya ukurasa, bila ubaguzi.

Ya sheria zote, ambayo ni vifaa na CSS, muhimu zaidi:

• style - darasa, na kisha jina huanza na "."
• style - kitambulisho na jina lake huanza na "#" tabia,
• katika kesi nyingine - tag jina au kitu maalum

Sehemu ya mwisho ya maelezo mawazo katika Styles (urithi mali yanaingiliana, vipaumbele, nafasi, ili na kama. D.) Je kutumika kwa busara na madhubuti muhimu.

browser daima kukosa, hatuwezi kufanya nje katika maelezo, ili mshangao maalum si. Ikiwa kitu hakuwa katika mahali sahihi au kuweka font rangi katika CSS haiwezekani, kwa hiyo, kwa mtindo wa uongo.

fursa isiyotarajiwa

Haipaswi vibaya mitindo kama * {kushoto: 124px; } au

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

Ingawa ni vigumu kufanya hata novice developer kutumia sheria CSS kama wao. Daima katika maendeleo ya tovuti yoyote, hata kikamilifu rahisi CSS syntax anatoa matatizo zisizotarajiwa. Hata hivyo, kama juhudi moja kwa moja na matumizi sahihi ya syntax, lakini kuomba JavaScript utendaji ni fursa mpya na zisizotarajiwa kuepuka monotonous kujenga vitambulisho kwa kila kipengele, au kufuatilia matumizi ya mitindo mbalimbali na madarasa.

CSS - si tu style file kwamba ni kushikamana na ukurasa kupitia tag kiungo au kuingizwa katika kupitia tag style. Pia inawezekana kujenga style ya kuruka au kurekebisha moja zilizopo.

Kwa kutumia CSS, font rangi inaweza kufanyika programmatically. Pamoja na ukubwa na msimamo, pembezoni. Website - si lengo la kutumia ujuzi katika CSS, HTML, PHP au JavaScript madhara flash.

Mtandao wa rasilimali - ni ya kwanza ya taarifa zote inapatikana kwa njia fulani. Hii ndiyo sababu CSS ni bora kuonekana katika mienendo kupitia enzi ya jinsi inawezekana kuunda, wakati ukurasa ni bado kwenye kompyuta (ni haipatikani PHP wakati mgeni tovuti alikuja, si developer wakati alipokuwa kuendeleza tovuti), XSLT taka Nakala maalum kwa ajili ya bidhaa husika, au kuunda style darasa au kitambulisho ya kuruka kama ukurasa ni kazi, wakati inaangalia mgeni fulani.

mienendo tuli

Tunapaswa daima kuandika kisasa kupata JavaScript code ya kufanya nguvu maudhui na muundo wake - maudhui ya kutosha. Wakati mwingine inatosha kutumia vizuri fursa zilizopo. Hasa, kwa kufafanua CSS font color utawala awali tuli, unaweza kuficha sheria hii (siri) na taswira tofauti (inayoonekana).

Hapa, msemaji hauhitaji algorithm:

// kuonyesha kifungo pembejeo kwenye tovuti
kazi scfWelcomeOver () {
document.getElementByID ( 'scDocxNamePiP') style.visibility = 'inayoonekana' .;
}

// kujificha kifungo pembejeo kwenye tovuti
kazi scfWelcomeOut () {
document.getElementByID ( 'scDocxNamePiP') style.visibility = 'siri' .;
}

CSS inatoa mienendo mwenyewe: tickers, mambo wazi, embodiments mbalimbali gaga, maonyesho, fading rangi. Katika CSS, font rangi zinaweza kufanywa hata hivyo kwamba hakuna mtu utawala ya mitindo si zinazotolewa.

Dynamic maudhui kwa

Kama kulikuwa hakuna mafundisho ya sharti, labda kungekuwa hakuna maendeleo. Tu kitu gani kama kupambana. HyperText kuletwa ulimwenguni nyingi dogma. Ni wakati wa makini na wao na kuanza maeneo ya kwa mtindo wa kisayansi na vitendo zinazoendelea.

Awali, kuna ukurasa (P), baadhi ya maudhui yako (K), vitambulisho vyote vya ukurasa yameelezwa katika style karatasi (S). Si fomu mpya P ukurasa kupitia PHP au Perl kwenye kompyuta kwa kuchagua K kutoka database. Zilizopo style karatasi S kufuata moja kwa moja. Hata hivyo, K inaweza kubadilishwa, na katika hali nyingi, kama mabadiliko litahusisha haja ya mitindo mingine, ambayo ni, S +.

Kwa mfano, mteja alisema: "Tovuti inaeleza maisha ya Moscow, kuangalia bora zaidi kama makala habari ni decorated katika mtindo wa" ZaZavtrakom ", kuelezea usiku zogo kwa mtindo wa" Las Vegas "na makala juu ya maendeleo ya sayansi na teknolojia katika mtindo wa" ModernTehno ' ". Lakini kama sisi kufanya S mitatu kati ya hizi, hakuna hakikisho kuwa mteja si kuwa na wazo kuwa na seti ya makala "Habari", "likizo", "Kazi», «CSS / HTML» ziada "HozyaykeNaZametku".

Mbinu nyingine zaidi wa vitendo. Bila kujali jamii ya makala daima kuna maudhui ambayo inaweza kuwa walijenga katika rangi fulani. Hapa nyikani kuna kabisa wazo la busara: kubainisha K, bado kwenye kompyuta kuzalisha S kutosha, na browser itahitaji P, atakuwa kupata maudhui moja kwa kibali sahihi.

Dynamics mtindo wa JavaScript

Kiwango cha chini, pamoja na kwamba ufumbuzi madhubuti sana - kufanya styling moja kwa moja katika browser mteja. Kwanza, kuyamaliza server - itakuwa si kuwa na kutumia muda wa kuunda kurasa HyperText na faili style kwa ajili yake.

Pili, taka za asili ya muda ndani ya browser itakuwa kujenga athari kwamba ukurasa huchukuliwa na biashara na juhudi inasaidia mazungumzo na mgeni: yeye bado haina kuona maudhui kwa wingi, kwa hiyo, angependa thabiti na makini habari pato.

Tatu, inaruhusu developer kwa kutoa utaratibu mgeni ya bidhaa kwa mtindo huu, ambapo ni starehe. Ni hata mtu yeyote.

Kutekeleza wazo hili, unahitaji kutekeleza utaratibu wa kujenga mambo ya style mara baada ya mizigo ukurasa, na wakati wa utekelezaji wake. Modern tovuti - ni AJAX fomu maalum. Si vigumu kufanya malezi ya mitindo moja kwa moja katika mchakato wa kuundwa kwa mti ukurasa. Ni rahisi, gharama nafuu na ufanisi, kwa sababu maudhui ni pamoja na usajili wake.

Hii haina kinyume na tabia ya kisasa kutenganisha kuwasilisha data kutoka usindikaji kazi na data na kuacha katika kuonyesha.

CSS kama kiungo hai

HyperText kuletwa mengi ya mema, lakini tu sehemu ndogo ya maelezo ya asili kwa mafanikio rasmi, kulikuwa na zana na uzoefu katika kujenga HTML ubora, XML, nyaraka CSS. Si tatizo kurasimisha kiasi mpya ya habari na mabadiliko tayari alifanya mapema.

Kuhusiana na CSS, utaratibu huu ni ulioamilishwa katika mazingira tofauti kabisa. zana kujengwa katika katika JavaScript, kuwezesha "juu ya kuruka" kuunda vipengele na mitindo ya mambo si wanatarajia uwezekano huo, na wabunifu wa PHP, hasa, inaaminika kuwa wanaohusika katika malezi ya kurasa HTML.

Wote kwanza na wa pili inaruhusu kufanya programu mitindo. Hii mwelekeo mpya katika uwanja wa teknolojia ya habari. Styles mno rasmi zaidi jambo kuliko XML au HTML, sheria ni rahisi sana. Style ni daima katika habari, bila kujali asili ilivyokuwa.

programmers Usajili database wanajihusisha daima katika sekta zaidi rasmi, lakini CSS mandhari - kazi rahisi sana, lakini kwa namna fulani hakuwa na kupata katika uwanja wa maoni ya mchakato wa maendeleo.

On dogma katika uwanja wa programu

Kama barafu, dogma hawezi expanses muda furrowing habari. uzoefu uliopita alikuwa na makini si tu katika HTML- na CSS-viwango, vifaa kufanya kazi pamoja nao, maarifa watengenezaji.

Kazi rahisi - kufanya njia CSS font color - imepata suluhisho kamili. Sheria, syntax, mantiki na faraja ni lisilopingika. Lakini hata wakati wa herufi kweli hawana mengi ya rangi za mazoezi, sana si lazima, na kwa kweli kwa lengo la ukweli wa virtualization hahitaji wote kusanyiko "nguvu» HTML na CSS, kuna wakati maarifa ya hali kwenda tena na kuonyeshwa uzoefu na zana malezi ya asili ya mitindo ya maudhui.

Jambo hili kuwa, huenda yasiwe wazi kabisa, lakini kuwa mchakato tayari chini ya njia, ni wazi.