Efè CSS: awondi kwen eleman yo

Se sentaks la nan fèy style kaskad konstwi konsa tou senpleman ke posibilite pou jwenn konsepsyon ki pi inatandi ki disponib menm nan yon moun lwen soti nan pwogramasyon ak kote devlope. Petèt nan lefèt ke jwèt timoun yo nan kib rete nan memwa tout moun, yo sèvi ak eksperyans sa a milti-varyete nan HTML, CSS se pa difisil.

Sepandan, modèn pwogramasyon se toujou trè lwen soti nan reprezantasyon an nan konstriksyon yo nan reyalite reyèl. Se konsa, lwen, nenpòt zòn (okipe pa nenpòt eleman blòk) nan nenpòt nan siyifikasyon li yo ak objektif fòmèl gen yon fòm rektangilè nan ki kou a vle nan kontou a te fòme.

Se konsa, lwen, nenpòt ki sèk, reyon nan koub, nenpòt koub dwat dwat, elatriye yo dekri nan ekwasyon konplèks matematik oswa kib piti, trapezoid, triyang oswa lòt eleman rèktiline ki vizib nan je a kòm yon pwen sou liy lan.

Klasik dirèk konstriksyon

Li pa sipriz ke pwogrè nan pwogramasyon ak teknoloji enfòmasyon gen lejitimize desen rektangilè. Lide Avanse pa t 'gaspiye tan sou fòm awondi, men yo pa t' bliye bay pwomotè a ak karakteristik ase nan Tags yo ak règleman nan HTML, CSS ak lang programmasyon ki gen rapò.

Nenpòt eleman ki itilize nan paj la gen yon zòn rektangilè, ak plizyè eleman yo chwazi nan li, ki soti nan ki nan chak ka espesifik li nesesè yo sèvi ak sèlman ki nesesè, ak kondisyon ki nan kwa-navigatè konpatibilite, karakteristik yo ki nan regilye kontni espesifik nan konstriktif bilding ki disponib.

Jeneral CSS Règleman

Cascading style dra sijere ki dekri eleman yo jan sa a:

• Pwopriyete: valè.

Pwopriyete a se yon non espesifik, ak valè a ka swa yon non oswa yon enimerasyon nan non oswa valè.

Konsènan eleman blòk ak nesesite pou fè yon awondi nan kwen nan CSS, li fè sans yo sèvi ak fwontyè-reyon pwopriyete a ak valè li yo nan fòma "38px" oswa "8px 16px 24px 38px".

Si valè a mete nan yon sèl nimewo, li pral mete yo dwe youn pou tout ang. Dosye tout kat valè gen rapò:

• Premye nimewo a bò gòch anwo a;
• Dezyèm lan anwo dwat la;
• Twazyèm lan - a dwat yon sèl pi ba a;
• Lèt la sou bò goch ki pi ba yo.

Pataje kèk règleman

Fwontyè konsèp, imaj ak jan nou koumanse ka itilize ansanm. Sa a se nòmal, ak règleman yo pa entèfere youn ak lòt, fòme yon konpozisyon jeneral. Bagay la prensipal la se bay yon kont nan sa egzakteman chak nan yo vle di, ak ki jan li se supèrpoz.

Anvan yo aplike sa a oswa eleman sa a, li enpòtan yo fè plizyè eksperyans ak tès operasyon an sou plizyè navigatè. Oryantasyon nan konsèy, rekòmandasyon, egzanp twazyèm pati oswa Syntax CSS, kwen awondi, elatriye, se raman pi bon pase pwòp ou pratik fre.

Li enpòtan ke ou konprann ke fwontyè, imaj, ki soti nan pwen de vi nan desen an nan kwen, se konsèp yo menm. Ka foto a dwe prezante pa nan png-fòma. Li pral twonke pa navigatè a, dapre règleman yo mete nan CSS. Awondi kwen se enkyetid pwomotè a, kèlkeswa rektangularite nan sous la materyèl.

Features HTML, CSS soti nan navigatè

Byenveni antre nan style la nan esansyèl - pou tout navigatè touswit. Nan nenpòt ka, egzanp klasik sou tèm nan "CSS: kwen awondi" sijere ekri tankou sa a:

Istorik: # FF7F00; / * Istorik * /

Border: 1px #CCCCCC solid; / * Frame * /

-moz-fontyè-reyon: 10px; / * CSS awondi kwen pou Mozilla Firefox * /

-webkit-fontyè-reyon: 10px; / * ... pou Chrome ak Safari * /

-khtml-fontyè-reyon: 10px; / * ... Konquerer * /

Border-reyon: 10px; / * CSS awondi kwen pou tout * / elatriye.

Sepandan, nan pifò ka yo ase pou endike dènye règ la. Redundance yo ta dwe itilize sèlman lè gen yon bezwen reyèl pou li.

Tab klasik ak bèl bagay

Malgre dispit yo anpil nan sipòtè yo nan Layout tabulèr (tr, td) ak itilize nan div ak span Tags ("bèl bagay" Layout), pratik objektif pwefere opsyon an nan nesesite rezonab.

Divas gen kèk vèti, lòt moun gen tab. Si yo pa konplemante chak lòt, men tou senpleman konpetisyon, kesyon an ta byen vit disparèt nan yon sèl Variant, konbine kote sa yo pi byen nan tab ak divas.

Pifò sit yo kreye lè l sèvi avèk CMS (sit jesyon sistèm) ak nan jete nan pwomotè a vini pa sèlman nan yon pakèt domèn "jeyan" done, dè santèn de dosye, objè, men tou, tab.

Tags [div | span], tankou sa yo, yo pa resevwa lajan, men bagay la sèlman ki egzakteman vini nan plen achte-soti nan pwomotè a se Styles CSS. Ak nenpòt CMS klèman separe tou de kòd la enkli nan li soti nan kreyativite nan pwomotè a, ak estil pwòp li yo soti nan estil yo te ajoute, ak konsiderasyon chanjman (pa egzanp, nan css - awondi kwen yo nan tablo a), ou ka toujou retabli anviwònman yo ak estil default.

Koub ak ang pa bay sentaks la

Ou ka estrikteman swiv tout règleman yo nan HTML, CSS, men yo gen rezilta a, yo pa yo bay yo. Pa elimine eleman sou tèt chak lòt, ou ka jwenn nenpòt ki zòn nan nenpòt ki konfigirasyon. Sèvi ak PHP pwogramasyon sou sèvè a, ou ka voye nenpòt dosye style nan vizitè navigatè a epi mete kod postal korespondan nan yo nan kò a nan dosye a HTML oswa yon dosye js-apa.

Nenpòt vèsyon nan plan an, nenpòt fòm nan pwòp eleman ou deyò règleman yo CSS! Awondi kwen se sèlman yon pati nan, ak posiblite yo reyèl yo anpil pi laj. An menm tan an pwogram objè pwòp ou a, ou pa ka peye atansyon sou karakteristik yo nan navigatè endividyèl, sèvi ak sèlman sa yo Tags ak konstriksyon nan lang ipèstrèks ke yo pèrsu pa tout navigatè san eksepsyon.

Sèvi ak ide yo nan pwogram objè-oryante, ou ka konsepsyon aparans nan yon ang oswa koub, evidamman pa bay pa nenpòt ki navigatè fòm. Nan ka sa a, li pa nan tout nesesè ke li pral jisteman ang lan nan rejyon an, orijinèlman rektangilè nan fòm. Li enpòtan ke eleman ki nan koub ki dekri nan fòm règleman CSS yo konbine nan yon sèl postal vizyèl JavaScript objè ak nan moman sa a dwa, nan plas la dwat nan navigatè a, reflete tèt yo nan fòm ki kòrèk la.

Avèk teknoloji sa a, pa gen anyen anpeche objè sa yo soti nan reyalize tèt yo nan avyon an twa dimansyon oswa demontre animasyon an.