CSS: font kulur, stil, mudell, id-daqs

Programmazzjoni --mera: fil-bidu kien il-kelma, u mhux rifless lura. U malajr ħafna kellha "bidla": l-ewwel mera, allura l-kelma ... Wara dan, cascading karta tal-istil - huwa tajjeb, iżda għaliex sakemm hija kienet se mind żviluppatur? CSS - huwa l-istess ħinijiet firxa l-era ta 'programmi tal-kompjuter, iżda biss f'perspettiva differenti. Anke meta l-mases jsiru rivoluzzjoni assoċjattiva ma ssirx.

paġna websajt - it tags HTML Markup, li jistgħu jiġu attribwiti għal ċertu identifikatur tal-klassi stil jew stil. L-ewwel jistgħu jiġu definiti darba u li tattribwixxi għal xi ħaġa tant meħtieġa ħin, u t-tieni tappartjeni għal element partikolari.

Il-loġika ġenerali tad-deskrizzjoni ta 'stili

Mill-tradizzjoni, l-istil jitqiegħed fis-CSS fajl, iżda jista 'jiġi attribwit għal element partikolari fil attribut istil tagħha. L-istil jistgħu jinħolqu fil-dinamika ta 'għodod JavaScript. Ta 'importanza partikolari ma kif deskritt, pereżempju, permezz ta' kulur CSS tipa, daqs tagħha, il-headset, l-isfond taħtu u l-bqija. Location deskrizzjoni istil huwa importanti fil-kuntest ta ', normalment tnejn ideat: l-aktar tard deskritt, u għalhekk hija prijorità ogħla, u jekk deskritti fl-element, ma importanti !. irreġistrat aħħar kif inhi, jiddefinixxi b'mod ċar il-prijorità.

Applika l-istil li, per eżempju, ċertu font color bidla fil-kulur, jistgħu jiġu kullimkien u xejn. Il-kwistjoni hija dwar kif jirreaġixxu għaliha fil-browser matul il żarmar ta 'stili kollha flimkien. Kemm ma hu jonfqu fuq dan CPU?

Idealment, kulur tat-tipa għandu jkun indikat darba biss - huwa klassika. Aħseb barra għal deskrizzjoni sempliċi ta 'koppja, u mbagħad ieħor u ieħor ... naturalment, inti tista'. Huwa moda, iżda prattiku.

EŻEMPJU loġika ġenerali

Sempliċement determinat mill-kulur CSS għal tliet elementi kollha, huwa possibbli li jiksbu mill-inqas tliet problemi fit-tmexxija:

# Ele1, # Ele2, # Ele3 {
POŻIZZJONI: assoluta;
xellug: 20px;
quċċata: 14px;
kulur: aħmar;
}

# Ele2, # Ele3 {
xellug: 90px; // jibdlu l-koordinati orizzontali CSS
kulur: isfar; // jibdlu l-kulur tal-CSS font
}

# Ele3 {
quċċata: 114px; // jibdlu l-CSS vertikali jikkoordinaw

kulur: aħdar; // għal darb'oħra jibdlu l-kulur tal-CSS font

isfond bil-kulur: lightgrey; // kulur CSS test jenfasizzaw mibdula, iżda dan ma jkunx preżenti fil-# Ele1 u # Ele2; pożizzjoni nbidlu wkoll, iżda dan inbidel fi # Ele2 u mhux, kif hawn

}

Issa rridu niftakru li kollha ta 'dawn it-tliet elementi huwa definit x'imkien, u fil-każ ta' bidla ta 'rappreżentazzjonijiet kulur tas-sid sit, l-iżviluppatur jkollok tiftakar mhux biss dwar il-kulur, iżda wkoll dwar ir-regoli xellug u fuq, u anke biex jibdlu l-kulur jenfasizzaw tat-test m'għandux jintesa.

rekwiżit CSS Mhux kollha iżviluppaturi huma revered: ID Style - biss element wieħed, u l-istil klassi - ħafna tikketti, minbarra l-aħħar punt possibbli l-tags kif aġġettivi:

• jistabbilixxu l-kulur tat-tipa fir-CSS - klassi groundColor istil;
• tispeċifika l-daqs tat-tipa - size15 klassi;
• sett pożizzjoni - klassi PlaceUp.

Naturalment, l-użu ta 'identifikaturi, speċjalment meta dawn jappartjenu lill-istess element immarkar, l-aqwa għaxar klassijiet stil, miżbugħa f' kombinazzjonijiet varji ta 'mijiet ta elementi paġna. Imma kollox għandu loġika għan tagħha stess.

L-iżviluppatur sempliċiment għandu jieħu inkunsiderazzjoni b'mod korrett: anki jekk il-kulur tat-tipa ta HTML, CSS joffri biex jiddeskrivu iebes, il-flessibbiltà tal-istruttura ġenerali tad-deskrizzjonijiet - li xogħol tiegħu.

Ir-riżultat mistenni ta 'użu loġika komuni

browsers moderni huma komdi ma 'lott ta' fajls stil u l-volumi. Madankollu, id-diżinjar, b'mod partikolari permezz tal-CSS, kulur il-paġna kollu, għandek dejjem taħseb suffiċjenza raġonevoli. Mhux regoli kollha stil "irħis" dehra fl-applikazzjoni. dħul lakoniku sempliċi: * {kulur: abjad;} - ċertament sbieħ, iżda tapplika għall-elementi kollha tal-paġna, mingħajr eċċezzjoni.

Tar-regoli kollha, li hija mgħammra bil CSS, l-aktar importanti:

• stil - klassi, u mbagħad l-isem tibda ma ', "."
• stil - identifikatur u l-isem tiegħu jibda bi karattru ta ' "#";
• f'każijiet oħra - tikketta isem jew xi ħaġa speċjali

Il-parti li jifdal tal-ideat deskrizzjoni fil Stili (proprjetajiet wirt jikkoinċidu, il-prijoritajiet, il-pożizzjoni, ordni u l-. D. simili) Jekk jintużaw b'mod intelliġenti u strettament meħtieġ.

Il-browser dejjem jitilfu, ma jagħmlux fid-deskrizzjoni, sabiex il-sorpriżi speċjali mhux se. Jekk xi ħaġa ma kienx fil-post it-tajjeb jew sett il-kulur tat-tipa fir CSS ma jkunx possibbli, għalhekk, fl-istil tal-iżball.

opportunitajiet mhux mistennija

m'għandux jiġi abbużat stili bħal * {xellug: 124px; } jew

ol ol, ol ul, ul ul, ol ul {marġini tal-qiegħ: 0; }
a img {fruntiera: 0; }

Għalkemm huwa diffiċli li tagħmel anki iżviluppatur novizzi li jużaw regoli CSS kif inhuma. Dejjem fl-iżvilupp ta 'kwalunkwe sit, anke perfettament sempliċi sintassi CSS jagħti problemi mhux mistennija. Madankollu, jekk l-isforzi diretti għall-użu korrett tal-sintassi, iżda tapplika l-funzjonalità JavaScript huwa opportunitajiet ġodda u mhux mistennija se tevita monotonu toħloq identifikaturi għal kull element, jew biex tissorvelja l-użu tal-varjetà ta 'stili u klassijiet.

CSS - huwa mhux biss fajl stil li huwa konness mal-paġna permezz tal-lametta rabta jew mdaħħla fis dan permezz tal-lametta istil. Huwa wkoll possibbli li jinħoloq stil fuq il-fly jew jimmodifika waħda eżistenti.

Bl-użu CSS, il-kulur tat-tipa jista 'jsir programmatically. Kif ukoll id-daqs u l-pożizzjoni, il-marġni. Website - mhuwiex għan li japplikaw l-għarfien fil CSS, HTML, PHP jew JavaScript effetti flash.

Web riżorsi - hija l-ewwel ta 'l-informazzjoni kollha offruti b'ċertu mod. Dan huwa għaliex CSS huwa aħjar li jidhru fid-dinamiki permezz tal-lenti ta 'kif huwa possibbli li jkun ifformat, filwaqt li l-paġna għadu fuq is-server (mhuwiex PHP disponibbli fiż-żmien meta l-viżitatur sit daħal, mhux l-iżviluppatur fil-mument meta kien qed jiżviluppaw is-sit), il-stylesheet mixtieqa test speċifiku għall-kontenut rilevanti, jew li joħolqu klassi stil jew identifikatur fuq il-fly bħala l-paġna qed taħdem, meta tħares lejn viżitatur partikolari.

dinamika statiċi

Aħna mhux dejjem għandhom jiktbu sofistikati isibu JavaScript kodiċi biex il-kontenut dinamiku u d-disinn tagħha - kontenut adegwat. Xi kultant huwa biżżejjed li tuża sew l-opportunitajiet disponibbli. B'mod partikolari, billi tiddefinixxi tipa kulur CSS regola inizjalment statiku, inti tista 'taħbi din ir-regola (moħbija) u Ħares differenti (viżibbli).

Hawnhekk, il-kelliem ma teħtieġx l-algoritmu:

// biex jenfasizzaw il-buttuna input fuq il-websajt
scfWelcomeOver funzjoni () {
document.getElementById ( "scDocxNamePiP") style.visibility = "viżibbli" .;
}

// jaħbu l-buttuna input fuq il-websajt
jiffunzjona scfWelcomeOut () {
document.getElementById ( "scDocxNamePiP") style.visibility = "moħbija" .;
}

CSS joffri dinamika stess: tickers, elementi trasparenti, diversi embodiments overlays, wirjiet, fading kuluri. Fil CSS, il-kulur tat-tipa tista 'ssir ukoll sabiex l-ebda regola stilistika wieħed ma tkunx ipprovduta.

wiri kontenut dinamiku

Jekk ma kienx hemm dogmas, forsi ma jkun hemm l-ebda progress. Biss ma dak li kien jixtieq għall-ġlieda kontra. Portugues miġjuba fid-dinja ħafna dogma. Wasal iż-żmien li tingħata attenzjoni għalihom u tibda tiżviluppa siti fi stil pragmatiku u prattiku.

Inizjalment, hemm paġna (P), li wħud kontenut tiegħek (K), l-tags kollha tal-paġna huma deskritti fil-karta tal-istil (I). Mhux paġna ġdida formola P permezz PHP jew Perl fuq is-server billi jagħżlu K mid-database. Eżistenti karta tal-istil S se ssegwi awtomatikament. Madankollu, K jistgħu jinbidlu, u f'ħafna każijiet, bidla bħal dik tinvolvi il-bżonn għal stili oħra, jiġifieri, S +.

Per eżempju, il-klijent qal: "Is-sit jiddeskrivi l-ħajja ta 'Moska, se tħares aħjar jekk il-artikli tal-aħbarijiet huma dekorati fl-istil ta'" ZaZavtrakom ", li jiddeskrivi l-miżgħuda lejl fl-istil ta '" Las Vegas "u artikli dwar il-progress xjentifiku u teknoloġiku fl-istil ta'" ModernTehno "". Imma jekk nagħmlu S fuq tlieta minn dawn l-għażliet, m'hemm l-ebda garanzija li l-klijent mhux se jkollhom l-idea li jkun hemm sett ta 'oġġetti "Aħbarijiet", "vaganza", "Xogħol", "CSS / HTML» bonus "HozyaykeNaZametku".

Approċċ ieħor aktar prattiku. Irrispettivament mill-kategorija tal-oġġett dejjem hemm il-kontenut li jistgħu jiġu miżbugħa fil-kulur partikolari. Hawnhekk f'dan il-post hemm pjuttost idea sensibbli: nikseb K speċifiku, xorta fuq is-server li jiġġeneraw S adegwata, u l-browser se jeħtieġu P, hi mhix se tirċievi l-kontenut dritt fl-approvazzjoni xierqa.

Dinamika istil tal JavaScript

Minimu, għalkemm soluzzjoni effettiva ħafna - biex jagħmlu l-grafika direttament fl-klijent browser. L-ewwel, jtaffi l-server - mhux se jkollu jonfoq ħin fuq il-formazzjoni ta 'paġni Portugues u fajls stil għal dan.

It-tieni nett, l-iskart naturali ta 'ħin ġewwa l-browser se joħolqu l-effett li l-paġna hija okkupata min-negozji u jappoġġja b'mod attiv id-djalogu mal-viżitatur: huwa għadu ma tara l-kontenut bl-ingrossa, għalhekk, huwa jixtieq output informazzjoni konsistenti u maħsub.

It-tielet, din tippermetti lill-iżviluppatur biex jipprovdu l-mekkaniżmu viżitatur tal-kontenut dan l-istil, li fih huwa komdu. Huwa lanqas xi ħadd.

Biex timplimenta din l-idea, inti għandek bżonn biex timplimenta mekkaniżmu għall-ħolqien elementi ta 'stil minnufih wara l-tagħbijiet paġna, u matul l-operat tiegħu. sit Moderna - huwa Ajax f'forma partikolari. Mhuwiex diffiċli biex iwettqu l-formazzjoni ta 'stili direttament fil-proċess tal-formazzjoni tas-siġra paġna. Huwa faċli, affordabbli u effettiva, minħabba li l-kontenut huwa flimkien ma 'reġistrazzjoni tiegħu.

Dan ma jmurx kontra l-tendenza moderna li tissepara l-preżentazzjoni ta 'data mill-ipproċessar imwettaq fuq id-data u tħalli l-wiri.

CSS bħala ingredjent attiv

Portugues ressqet ħafna ta 'tajba, iżda biss frazzjoni żgħira ta' l-informazzjoni naturali ġiet ifformalizzata b'suċċess, kien hemm għodod u l-esperjenza fil-ħolqien HTML ta 'kwalità għolja, XML, dokumenti CSS. Mhux problema biex tifformalizza l-volumi ġodda ta 'informazzjoni u bidla li diġà saret qabel.

Fir-rigward CSS, dan il-proċess huwa attivat f'kuntest kompletament differenti. għodod mibnija fil fil JavaScript, li jippermettu "fuq il-fly" biex joħolqu elementi u stili ta 'l-elementi ma kinux tantiċipa tali possibbiltà, u l-ħallieqa ta' PHP, b'mod partikolari, maħsub li tkun involuta fil-formazzjoni ta 'paġni HTML biss.

Kemm l-ewwel u t-tieni tippermetti tagħmel stili programmazzjoni. Din id-direzzjoni ġdida fil-qasam tat-teknoloġija informatika. Stili konsiderevolment aktar ħaġa formali mill-XML jew HTML, ir-regoli huma sempliċi ħafna. Style hija dejjem preżenti fl-informazzjoni, ma jimpurtax kemm naturali kien.

programmaturi database reġistrazzjoni huma involuti dejjem fi f'setturi ħafna aktar formalizzati, iżda tema CSS - kompitu sempliċi ħafna, iżda b'xi ma jiksbu fil-kamp ta 'vista tal-proċess ta' żvilupp.

Min-dogma fil-qasam tal-programmazzjoni

Bħal iceberg, dogma ma tistax firxiet twil furrowing informazzjoni. esperjenza tal-passat kellhom jikkonċentraw mhux biss fl HTML- u l-istandards CSS, għodod biex jaħdmu magħhom, l-iżviluppaturi għarfien.

A sempliċi kompitu - biex jagħmlu permezz font color CSS - sabet is-soluzzjoni perfetta. Regoli, sintassi, il-loġika u l-kumdità huma indiskutibbli. Iżda anke meta l-font għandhom attwalment mhux lott ta 'kuluri għall-prattika, wisq mhux meħtieġ, u tabilħaqq għall-għanijiet tar-realtà ta' Virtualization ma jeħtieġx l- "forza» HTML akkumulat u CSS, jasal zmien meta l-għarfien tas-sitwazzjoni tmur għall-riprodotta u murija esperjenza u l-għodod tal-formazzjoni naturali ta 'stili ta' kontenut.

Kif dan se jkun, ma jistgħux ikunu kompletament ċara, iżda li l-proċess diġà qed iseħħ, ovvjament.