CSS ti yóogba: yika igun ti eroja

Sintasi ti Cascading Style Sheets ti a ṣe bẹ nìkan ti awọn seese ti gba awọn julọ airotẹlẹ oniru ti o wa ani jina lati siseto ati awọn idagbasoke ti awọn eniyan ojula. Boya ti o daju wipe awọn ọmọ mu awọn pẹlu awọn bulọọki wa ninu gbogbo eniyan ká iranti, lo olona-faceted ni iriri HTML, CSS jẹ rorun.

Sibẹsibẹ, awọn ti isiyi siseto jẹ ṣi gan jina kuro ni constructions ti otito. Titi di bayi, eyikeyi agbegbe (tẹdo ohun ti o fẹ Àkọsílẹ ano) ni eyikeyi ti awọn oniwe-itumo ati awọn ti lodo pade ti a onigun apẹrẹ, eyi ti o ti ni akoso laarin awọn ti o fẹ tẹ elegbegbe ila.

Titi di bayi, eyikeyi Circle, ikotan rediosi, bawo ni a te ni gígùn ati bẹ lori. P. apejuwe awọn eka mathematiki idogba tabi gan kekere cubes, trapezoids, triangles tabi awọn miiran rectilinear eroja ti o wa ni distinguishable si oju bi ojuami kan lori ila.

Classic Gun design

O ti wa ni ko yanilenu wipe ilọsiwaju ni awọn aaye ti siseto ati alaye imo legalized onigun oniru. Aseyori ero kò egbin akoko lori kan ti yika apẹrẹ, sugbon ko ba gbagbe lati mu ni nu ti awọn Olùgbéejáde to ẹya ara ẹrọ ati HTML afi awọn ofin, CSS ati awọn ibatan siseto ede.

Eyikeyi ano lo lori iwe ni a onigun agbegbe, ninu eyi ti o ti wa ni soto orisirisi awọn ẹya, ti eyi ti ni kọọkan irú yẹ ki o wa lo nikan pataki considering krossbrauzernosti awọn ibeere díjítà awọn ẹya ara ẹrọ kan pato akoonu wa syntactic constructions.

Gbogbogbo awọn ofin fun CSS

Cascading Style Sheets nse lati se apejuwe awọn eroja bi wọnyi:

• ohun ini: iye.

Ni idi eyi, ohun ini - kan pato orukọ ati iye le je boya orukọ tabi kikojọ ti awọn orukọ tabi iye.

Nipa awọn Àkọsílẹ eroja ati awọn nilo lati se nipasẹ CSS ti yika igun, o mu ki ori lati lo awọn aala-rediosi ohun ini ati awọn oniwe-iye ninu awọn kika "38px" tabi "8px 16px 24px 38px".

Ti o ba ti iye fun nipasẹ kan nikan nọmba, o yoo wa ni ṣeto si awon fun gbogbo awọn agbekale. Gba gbogbo mẹrin iye ni o wa:

• akọkọ nọmba - lati oke osi loke;
• awọn keji - lati oke ọtun;
• awọn kẹta - si isalẹ ọtun;
• titun - lati isalẹ osi.

Pínpín diẹ ninu awọn ti awọn ofin

Agbekale aala, aworan ati lẹhin le ṣee lo papo. Eleyi jẹ deede, o si darukọ ofin ko ba ko dabaru pẹlu kọọkan miiran, lara awọn ìwò tiwqn. Akọkọ ohun - lati iroyin fun awọn ti o daju wipe awọn orukọ ti kọọkan ninu wọn duro, ati bi o ti wa ni gbẹyin.

Ṣaaju ki o to imulo yi tabi ti ano, o jẹ pataki lati se diẹ ninu awọn adanwo ati igbeyewo ise lori ọpọ burausa. Iṣalaye si imọran, iṣeduro, apeere ti ẹni-kẹta tabi CSS sintasi, ti yika igun, ati bẹ lori. N. Se ṣọwọn dara ju ara wọn alabapade iwa.

O ṣe pataki lati ni oye wipe awọn aala, image, ni awọn ofin ti oniru awọn agbekale - kanna iru ti Erongba. Iyaworan le ti wa ni gbekalẹ ko ni PNG-kika. O ni yoo ke nipa awọn kiri, ni ibamu si awọn ofin ti iṣeto ni CSS. Ti yika igun - ni abojuto ti Olùgbéejáde, lai ti squareness ti awọn orisun ohun elo.

Awọn ẹya ara ẹrọ HTML, CSS lati burausa

Kaabo Style gbigbasilẹ osunwon - fun gbogbo burausa ni ẹẹkan. Lonakona Ayebaye àpẹẹrẹ lori koko "awọn CSS: yika igun" ìfilọ lati kọ bẹ:

lẹhin: # FF7F00; / * Abẹlẹ * /

ààlà: 1px #CCCCCC ri; / * Aala * /

-moz-aala-rediosi: 10px; / * CSS ti yika igun fun Mozilla Firefox * /

-webkit-aala-rediosi: 10px; / * ... fun awọn Safari ati Chrome * /

-khtml-aala-rediosi: 10px; / * ... Konquerer * /

àla-rediosi: 10px; / * Awọn CSS ti yika igun fun gbogbo * / ati bẹ lori. N.

Sibẹsibẹ, ni ọpọlọpọ igba ti o jẹ to lati tokasi awọn ti o kẹhin ofin. Apọju yẹ ki o wa lo nikan nigbati o wa ni a gidi nilo.

Classic ati iyanu tabili

Pelu afonifoji controversies Olufowosi tabili akọkọ (tr, td) ati awọn aṣayan ti lilo ipin afi ati awọn igba ( «iyanu" akọkọ), ohun iwa ìwòyí aṣayan ni idi pataki.

Ni divs ni diẹ ninu awọn iyi ninu awọn miiran tabili. Ti o ba ti won ko ba ko iranlowo kọọkan miiran, ati ki o kan ti njijadu, awọn ibeere yoo ti ni kiakia evaporated ninu ọkan version ti o daapọ ti o dara ju ise ti tabili ati divs.

Ọpọlọpọ ninu awọn ojula da lilo awọn CMS (akoonu isakoso eto), ati ni nu ti awọn Olùgbéejáde ba wa ko nikan kan jakejado ibiti o ti "omiran" akosile ti awọn ogogorun awon awọn folda, ohun, sugbon o tun tabili.

Tag [ipin | igba], bi iru, ko ni duro jade, ṣugbọn awọn nikan ni ohun ti o wa gangan ni pipe awọn aanu ti awọn Olùgbéejáde - a CSS stylesheet. Ati eyikeyi CMS kedere ya awọn koodu, ara ti o lati Olùgbéejáde ká àtinúdá ati ara wọn aza ti fi kun ara, ati ninu awọn idi ti awọn ayipada (eg, CSS - ikotan awọn igun ti awọn tabili), o le ma mu pada awọn eto ati aiyipada aza.

Ekoro ati awọn agbekale ko bo nipasẹ awọn sintasi

O le muna joko nipa gbogbo awọn ofin ti HTML, CSS, sugbon lati ni a abajade, ti won ko ba pese. Superimposing eroja si kọọkan miiran, o jẹ ṣee ṣe lati gba eyikeyi ekun ti eyikeyi iṣeto ni. Lilo PHP-idagbasoke lori olupin, o le fi to awọn alejo ká kiri ati eyikeyi ara awọn faili lati so fun wọn awọn ti o yẹ JavaScript koodu ni awọn ara ti HTML-faili tabi kan lọtọ JS-faili.

Eyikeyi Circuit iyatọ, eyikeyi fọọmu ti ohun ini ano ni CSS ofin! Ti yika igun - jo pato, ati ki o gidi anfani jẹ Elo anfani. Ni idi eyi, siseto ti ara rẹ ohun, o ko ba le san ifojusi si awọn abuda kan ti olukuluku burausa, lo nikan ni afi ati awọn be ti hypertext ede, eyi ti o ti wa ni ti fiyesi nipa gbogbo, lai sile burausa.

Lilo awọn agutan ti ohun-Oorun siseto, o le ṣe ọnà awọn ti wo a igun tabi a ti tẹ ti wa ni han ni ko foreseen nipa eyikeyi kiri fọọmu. Ni idi eyi, o jẹ ko pataki pe yi ni yio je igun kan ti agbegbe, ti o wà akọkọ kan onigun merin apẹrẹ. O ṣe pataki ki awọn irinše ti awọn ti tẹ a sapejuwe ninu awọn fọọmu ti CSS awọn ofin, ni idapo sinu kan nikan visual JavaScript ohun koodu ati ni ọtun akoko ni ọtun ibi kiri, imọlẹ ara ni awọn ti o tọ fọọmu.

Yi ọna ti ko ni dabaru pẹlu iru awọn ohun lati mọ ara wọn ni a onisẹpo mẹta ofurufu tabi show iwara.