CSS Bokosi: impromptu ndi zotsatira

Cascading kalembedwe mapepala (CSS) kwa onse kuphweka ake zomveka n'zotheka osati kulenga zikusonyeza kapangidwe njira, komanso kupereka zinthu kwa kanthu kwenikweni, kuti atsanzire ntchito pa malamulo enieni.

Aliyense opatsidwa zithunzi HTML chodetsa - dera amakona anayi a dongosolo makamaka ndi wokhutira. Amafotokozera limapangidwa limasonyeza ndondomeko, kukula, padding, mtundu, wosasintha, wosasintha mosiyanasiyana, ndi zina zotero. Maziko CSS-mchitidwe n'chakuti iwo m'dera azikhala, kuti ili mkati ku malire ake anatchulidwa muli m'lifupi mwake.

malembedwe kufotokoza

MUNDA Kusinthaku mchitidwe mwachindunji amayang'anira wachibale kwa chapamwamba kumanzere ngodya ya tsambali (kumanzere, pamwamba), kukula mu mayendedwe yopingasa ndi ofukula (m'lifupi, kutalika). kapangidwe ndi makanema ojambula zinthu zonse anapangidwa awiriawiri "katundu: phindu".

Kufotokozera zachitika mwachindunji mu tsamba malamulo amaika kalembedwe kapena file osiyana, kulozera kwa iye KULUMIKIZANA pakuyenerera. malembedwe:

#name {katundu: phindu; katundu: phindu; katundu: phindu; ...}

kapena

.name {chuma: adawerenga mtengo wake; katundu: phindu; katundu: phindu; ...}

dzina akhoza kukhala tsa, thupi, HTML, tebulo, TD ..., kuti dzina la HTML-chizindikiro patsambali opatsidwa. Akhoza chokhudzana mwachindunji ndi malongosoledwe a zinthu kalembedwe.

Musanayambe amapanga kulemba changa kalembedwe, Usadzipweteka kuwona momwe izo zachita pa malo otchuka, wosunga tsamba code, kapena kukanikiza Ctrl-U kuwaona mwachindunji mu osatsegula.

Magawo chachikulu

Kwenikweni CSS chimango mchitidwe ankaimira kalembedwe (malire wamasiku), mtundu (malire mtundu), m'lifupi (malire-m'lifupi). Zimakhala onse kuitchula chuma - malire. Inu mukhoza kufotokoza iliyonse malire chimango paokha (malire pamwamba, malire-pansi, malire anasiya, malire-kumanja).

CSS chimango anafotokozedwa ndi malamulo ambiri mapepala cascading kalembedwe:

malire: 3px;
malire mtundu: wofiira;
malire wamasiku: iwiri kumugwetsera olimba lili.

Kafotokozedwe amapereka malire m'lifupi 3 pixels, mtundu - wofiira, kalembedwe mbali m'mbali cham'mwamba mwa awiri, pomwe - lili, pansi olimba, anasiya - mfundo.

malire-m'lifupi: 1px 2px 4px 8px;
malire mtundu: buluu;
malire wamasiku: lili.

Apa, kutalika kwa mbali nawonso sequentially kuchokera pamwamba, mobwerera, mtundu - buluu, ndi kalembedwe - malo.

malire mtundu: buluu wofiira wobiriwira wakuda;

mu mfundo imeneyi, payekha mwachindunji mtundu mbali iliyonse. malire chuma zikuphatikizapo magawo angapo, ndipo kumathandiza kupeza ngodya ya chimango kungakhale wozungulira:

malire: 1px wobiriwira olimba;
malire-utali wozungulira: 0px 4px 8px 12px;
-moz-malire-utali wozungulira: 0px 4px 8px 12px;
-webkit-malire-utali wozungulira: 0px 4px 8px 12px;

Mmene mungapangire chimango mu CSS, izo zimatengera pa magwiritsidwe antchito a mlendo, chifukwa nthawi zambiri zotsatira stylistic ntchito zolinga luso, pamene kuli kofunika kuonetsa malo enieni ndiponso kukula kwa malo pa tsamba.

Kakakulu chimango ndi cholinga chake

Ndi kusankha makulidwe a chimango, mukhoza kugwiritsa ntchito px, pt, hem ..., tiyenera adzanyamula kukumbukira kuti nthawi zonse mu mchitidwe kumunda. N'zovuta kulingalira kuti chimango ali ndi CSS kapangidwe cholinga, koma mwaukadaulo m'pofunika kwambiri kuti asonyeze zinthu mwa tsamba.

Ngati kalasi waukulu chimango yatsekedwa, kuti palibe, ndi malangizo mu zoyerekeza kalasi: fungatirani, akhoza wasonyeza kuti mlendo wa amafotokozera tsamba, pamene izo ndi cholozera mbewa, monga posonyeza menyu katunduyo. Nthawi zina m'pofunika kusankha chinachake mwa kuwonekera pa fano, kapena kokani chinachake kwinakwake. Ndi yabwino ntchito dontho chimango, osati kuti musinthe zinthu kapena nkhani zake.

Ena ntchito amafuna Kugawilidwa kwanthaka m'madera a tsamba, kapena kusankha zinthu processing zina. Pankhaniyi, pa nthawi ya pitani pa kulenga div ndi malire ndipo malinga ngati mlendo si kumasula mbewa batani, musinthe kukula izo, akusonyeza zowoneka zotsatira za chisankho.

kunja pansi

CSS Maphunziro ndi chidwi kwambiri monga kufunika kafukufuku masamba zizindikiro malo wotchuka. Komabe, chuma mwini ayenera kukhala lapadera ayenera kuti nkhope yake.

Anapereka malembedwe ya chimango CSS sayankha zosiyanasiyana zimenezi, monga kanthu yake. Impromptu - chiyambi chachikulu, ndipo palibe chimene chingawalepheretse mapulogalamu kumanga chimango zawo. Makamaka ndi kupambana onse a sayansi Internet ndi mphamvu ya mfundo alipo ndi mfundo zambiri zingamuthandize zochokera zolakwa weniweni wa malembedwe alipo, amene ali (by tanthauzo) wakhala mosamalitsa ofunda.

Makamaka ngati ndi kukhazikitsa kuchuluka kwa zinthu zina, zikuoneka kutero comprehensively. Polongosola Tags munthu m'nthiti ndi kumathandiza kupeza ngodya zabwino za dera, mukhoza kupeza zotsatira zodabwitsa. A kupatsa handlers ziwalo, angalenge zazikulu patsamba zinthu, kusintha malo, mawonekedwe ndi wokhutira.