CSS khawm. Cov kev pab cuam. Yeej. zoo nkauj

Tej zaum tsis muaj ib qhov chaw yog tsis muaj nws referential mus rau lwm cov nyees khawm page. Sawv daws xav nqa mus rau koj cov xim lub site, thiab nyob rau tib lub sij hawm siv ib tug ntau yam ntawm txhais tau tias. Nyob rau hauv web tsim nyob rau hauv lawv muaj xws li tsim ntawm cov nyees khawm, uas txawv raws li txawv tsis - ob qho tag nrho nyob rau hauv loj thiab cov duab, thiab cov teebmeem thiab thiaj li nyob.

CSS nyees khawm yog feem ntau yooj yim. Rau lub sij hawm ntawd lawv muaj peev xwm kiag li hloov lub style. Thiab, ntawm chav kawm, nws muab sij hawm ntxiv rau tsim ntawm lub chaw raws li ib tug tag nrho.

Rau starters, kom tsis txhob tsis meej pem thiab to taub yuam kev, nws yog tsim nyog los nkag siab txog ib co ntsiab lus.

CSS, uas yog

CSS, uas txhais tau tias nyob rau hauv translation "lam Style ntawv", yog hnub no ib tug ntawm lub ntsiab yees nyob rau hauv Internet. Yog tsis muaj cov lus no yog tsis zoo li mus raug nqi tsawg kawg yog ib qhov chaw.

CSS-code - ib daim ntawv qhia rau browsers uas muaj ntaub ntawv xws li zaub ntsiab ntawm cov nplooj ntawv thiab qhov chaw uas ua rau nws.

Ib qho yooj yim mus khw cov lus qhia no nyob rau hauv ib tug nyias muaj nyias ib cov ntaub ntawv nrog lub extension .css. Nyob rau lwm cov tes, lawv yuav tsum tau muab tso rau thaum pib ntawm lub html-daim ntawv.

Button rau ntawm qhov chaw. Yuav ua li cas nws yog

Khawm, los yog duab rau cov navigation ntawm qhov chaw yuav tsum nyiam cov xim ntawm cov qhua los pom hais tias nws twb nkaum lub ntaub ntawv tsim nyog, thiab nyob rau hauv tas li ntawd, nws xav mus nias. Thaum nws yog sufficiently kaj thiab mas, nws yuav tau pom. Qhov no khawm yuav ntxias qhua, piv txwv li, tawm cov lus nyob rau ntawm qhov chaw, los yog xa ib daim ntawv thov mus sau npe yuav mus rau lub xov xwm nthuav, thiab, ntawm chav kawm, tsuas hloov lub tseev neeg siv seem ntawm lub site.

Nyees khawm yog zoo li qub, animated, dynamic, suab thiab tsis tau nws.

Lawv yuav tsum tau tshwj xeeb uas tsim, piv txwv li, nyob rau hauv Photoshop, thiab upload ib cov duab rau ntawm qhov chaw, thiab muaj peev xwm muab tau yooj yim thiab sai sai yuav los nrog lawv nyob rau hauv lub CSS.

CSS nyees khawm

Ua cov nyees khawm heev yooj yim. Qhov zoo kom zoo dua ntawm lawv cov kev siv yog hais tias lawv nyob rau txhua lub sij hawm, cia li ib ob peb lub vib nas this, koj muaj peev xwm hloov tshaj Vocabulary.

Raws li peb paub, nws muaj peb yam tseem ceeb cov ntsiab lus:

• so thaum tsis tau ua dab tsi nrog nws, raws li cia li browsing cov nplooj ntawv;
• position tus cursor yuj dua nws;
• thiab qhib thaum clicked.

Cov tag nrho cov nyees khawm meej tso tawm nyob rau hauv browsers li Firefox, Safari, Opera, Chrome. Nyob rau tib lub sij hawm nyob rau hauv Internet Explorer 9, lub khawm yuav tsis muab tso tawm kom nyob rau hauv tag nrho. Piv txwv li, puag ncig lub ces kaum, ntawv duab ntxoov ntxoo thiab mob stroke ib ncig ntawm lub khawm yuav tsis pom no vim lub fact tias cov khoom no tsis txaus siab los ntawm qhov browser. Txawm li cas los, nyob rau hauv Feem ntau, CSS-nyees khawm rau ntawm qhov chaw zoo zoo nyob rau hauv no version ntawm qhov browser. Nyob rau hauv Internet Explorer 8 thiab lwm yam versions hauv qab no yim ntawm lub khawm yuav tsis pom lub ntim, tab sis nyob rau tib lub sij hawm, kom muaj cov tsos ntawm gradients.

Yog hais tias peb los sib piv lub khawm nyob rau hauv daim ntawv ntawm cov dluab thiab CSS khawm, qhov txawv yog qhov chaw nyob rau hauv lub neeg rau zaub mov yuav tsum kiag sob. Tab sis CSS khawm yuav txo tus naj npawb ntawm kev thov mus rau lub neeg rau zaub mov, tab sis nws yuav ua tau ib tug ntshiab kom zoo dua piv rau lub khawm li ib cov duab.

Nws hloov tawm hais tias txawm hais tias cov nyiaj them yug ntawm ib co thaj chaw ntawm CSS nyob rau hauv Internet Explorer thiab tsis muaj, cov nyees khawm yuav tseem zoo dua winning tshaj yooj yooj yim dluab, vim hais tias qhov tshaj plaws xwb uas yuav poob cov neeg siv nyob rau hauv Internet Exporer, li ntawd, yuav pom nws lub loog ntawm niaj hnub siv tshuab rau lub Web -Design. Tab sis nws yog heev immaterial kho raws.

Rau txhua txoj hauj lwm yog muab nws tus kheej style. Cov yeej yog sau nyob rau hauv ib tug tshwj xeeb ntaub ntawv .css los yog nruab nrab lub taub hau cim npe nyob rau hauv lub heev page.

Muab ib tug khawm rau ntawm qhov website

Nruab nrab ntawm lub cev cim npe ntawv code:

qhov twg

id = "button2" no yog lub npe muab rau lub khawm,

href = http: // kawm ntawv / tsab xov xwm / 175988 /% E2% 80% 9D% d0% 93% d0% 98% d0% 9F% d0% 95% d0% A0% d0% A1% d0% A1% d0% AB % d0% 9b% d0% 9A% d0% 90% E2% 80% 9D yuav muab ib tug ncaj qha kev txuas mus rau qhov kev kawm ntawv no,

NTAWV - luam ntawv nyeem yuav tsum tau tso tawm rau lub khawm.

Yeej rau cov nyees khawm

1. CSS Style khawm kaw cais nyob rau hauv daim ntawv los yog nyob rau hauv cov nplooj ntawv nws tus kheej:

2. Thawj sau CSS nyees khawm thaum lawv so:

3. Ntxiv tsis muaj kaw, coj mus rau lub khawm thaum tus cursor hais nws. Yog hais tias nyob rau hauv cov ntaub ntawv no, tsuas yog hloov cov xim thiab cov shading, thiab cov style, txhua yam seem tib yam, tsuas yog rau cov xim thiab shading:

4. Thiab lub xeem xaiv yog rau txoj hauj lwm ntawm lub khawm yog pressed tus cursor rau nws. Feem ntau nyob rau hauv xws li mob xwb ib tug tsawg kawg nkaus hloov, xws li xim, raws li nyob rau hauv cov ntaub ntawv no:

CSS - zoo nkauj nyees khawm

Yuav kom tsim tau ib lub gradient, koj muaj peev xwm siv cov nyees khawm. Nws yog qhov zoo tshaj plaws ua ntej kos lub khawm nyob rau hauv cov duab editor, xws li Photoshop, yog li ntawd koj paub raws nraim li nws tshwm sim nyob rau hauv lub kawg. Yog hais tias koj siv Photoshop, ces nws chiv twb muaj ib co gradients, tab sis nyob rau hauv tas li ntawd, koj muaj peev xwm download tau ntau thiab ntau, tus zoo uas yuav xav tau rau ntawm qhov chaw.

Xyaum nrog CSS-code thiab hloov ntau yam tsis, nws yog tau hloov lub CSS zoo nkauj nyees khawm, thiab los ntawm kev xaiv, mus cuag tej yam tshwm sim.

Cov tsis yog:

- xim ntawm cov ntawv nyeem nyob lub khawm;

- qhov luaj li cas ntawm cov ntawv nyeem thiab cov nyees khawm;

- xim gradient nyees khawm;

- nyees khawm ces kaum voos kheej-kheej;

- thiab xim ntawm nws mob stroke.

Nruj me ntsis hais lus, koj yuav tau xyuam xim, tsis muaj kev ntshai, mus xyaum ua tej thiab xaiv qhov zoo tshaj plaws kev xaiv. Dua li ntawm qhov me me muaj pes tsawg tus tsis, koj muaj peev xwm tsim heev ntau haiv neeg nyob rau hauv lawv cov style nyees khawm.