Cov txheej txheem:

7 cov ntaub ntawv muaj txiaj ntsig zoo rau cov kev kawm CSS
7 cov ntaub ntawv muaj txiaj ntsig zoo rau cov kev kawm CSS
Anonim

Cascading style nplooj ntawv ua boring HTML txaus nyiam. Lifehacker tau xaiv cov vev xaib Lavxias thiab lus Askiv, nrog rau lub vev xaib encyclopedias uas yuav pab koj nkag siab zoo dua CSS.

7 cov ntaub ntawv muaj txiaj ntsig zoo rau cov kev kawm CSS
7 cov ntaub ntawv muaj txiaj ntsig zoo rau cov kev kawm CSS

Lub Ntiaj Teb Wide Web Consortium (W3C) pom zoo CSS (Cascading Style Sheets) thev naus laus zis hauv xyoo 1996. Txij thaum ntawd los, web developers tau siv cascading style nplooj ntawv los tsim tshwj xeeb qhov chaw tsim.

Nees nkaum xyoo dhau los, cov neeg tsim khoom tau ua si nrog cov kev xaiv font, cov cwj pwm ntawm cov ntawv nyeem, thiab nplooj xim xim. Niaj hnub no, animations, duab ntxoov ntxoo, gradients, anti-aliasing thiab ntau lwm yam advanced yog nyob rau hauv kev kawm.

Txhim kho Chrome txuas ntxiv lossis Firefox ntxiv-rau kom qhuas koj qhov chaw nyiam yam tsis muaj cov nplooj ntawv zoo li cascading.

cascading style nplooj ntawv: lifehacker tsis muaj CSS
cascading style nplooj ntawv: lifehacker tsis muaj CSS

Cov kev hloov pauv yuav ua tau zoo heev, txawm tias tsis tas li. Piv txwv li, ib tug xov xwm aggregator yuav tsis hloov: nws yooj yim li ob thiab ob. Txawm li cas los xij, cov peev txheej tau saib ntau dua 150 lab lub sijhawm txhua hli.

Qhov twg los kawm cov ntsiab lus zoo dua ntawm CSS

1. HTMLbook

cascading style nplooj ntawv: HTMLbook
cascading style nplooj ntawv: HTMLbook

Cia peb ua raws li kev xav thiab pib nrog lub hauv paus theoretical ruaj khov. Rau nws, peb tig mus rau Vlad Merzhevich, tus sau phau ntawv thiab tus tsim lub vev xaib, uas tswj hwm ntau yam kev pabcuam zoo txog kev teeb tsa thiab kev tsim cov nplooj ntawv web.

Ntawm no koj yuav pom tus kheej piav qhia thiab cov lus teb rau cov lus nug nrov txog cascading style nplooj ntawv. Kuj tseem muaj cov lus qhia ntawm CSS thib peb tam sim no.

2. WebReference

cascading style nplooj ntawv: WebReference
cascading style nplooj ntawv: WebReference

muab cov tsiaj ntawv siv rau CSS. Txhua lub cuab yeej muaj cov lus piav qhia luv luv, syntax, thiab piv txwv nyob. Tsis txhob ua siab deb nug cov lus nug - cov kws sau ntawv ntawm qhov project tau txais kev sib cuag thiab kam tham txog cov ntsiab lus.

3. CSS Reference

cascading style nplooj ntawv: CSS Reference
cascading style nplooj ntawv: CSS Reference

Ntxiv nrog rau kev qhia lus Lavxias, peb yuav ntxiv qhov chaw txawv teb chaws. Nrog lawv cov kev pab, nws yooj yim dua rau qee cov tub ntxhais kawm kom nkag siab txog txoj haujlwm thiab lees txais nws cov lus siv. Yog li ntawd, tag nrho cov xim yog nyob rau. Tsis muaj dab tsi superfluous ntawm lub xaib: CSS cov khoom, kev piav qhia, thiab kev ua. Ntawm cov khoom me me uas zoo siab, peb nco ntsoov tshawb nrhiav sai thiab luam tawm cov khoom ntiag tug rau cov ntawv teev cia ntawm qhov nyem ntawm tus nas.

4. CSS Design Awards

Cascading Style Sheets: CSS Design Awards
Cascading Style Sheets: CSS Design Awards

Kev kawm yog kev lag luam ntev thiab qee zaum tho txawv. Nws yuav yog qhov zoo los nrhiav kev txhawb zog los pab thaum lub sijhawm nyuaj. Peb yuav tau txais kev tshoov siab los ntawm lwm tus neeg tsim lub vev xaib, lossis ntau dua ntawm lub xaib. Ib txoj haujlwm zoo tau nthuav tawm ntawm no txhua hnub, uas yog tus qauv rau qhov tsim nyog siv zog rau. Ntau tus yeej yeej xav tsis thoob tiag. Tsis txhob hnov qab poob rau hauv thiab pov npav rau koj nyiam cov neeg xaiv tsa.

5. CSS Zen Garden

cascading style nplooj ntawv: CSS Zen Garden
cascading style nplooj ntawv: CSS Zen Garden

Muaj kev ruaj ntseg kev paub thiab beacon, nws yog lub sijhawm los sim koj lub zog hauv kev lag luam. Thiab nyob rau hauv thiaj li yuav tsis xaiv txoj kev rau lub sij hawm ntev, peb yuav coj koj mus rau nplooj ntawv. Nws muaj cov ntaub ntawv HTML tsis hloov pauv, uas cov neeg siv los ntawm thoob plaws lub ntiaj teb sim muab cov qauv tsim tshwj xeeb uas siv cov ntawv cascading style.

Thawb cov ntaub ntawv siv HTML, ntxiv koj styling thiab xa tag nrho rov qab. Tej zaum koj txoj hauv kev yuav yog qhov zoo tshaj plaws. Los ntawm txoj kev, koj tuaj yeem rub tawm lwm tus version thiab saib seb nws siv li cas.

6. CSSPlay

cascading style nplooj ntawv: CSSPlay
cascading style nplooj ntawv: CSSPlay

Nws yog qhov tseeb tias koj yuav xav siv ib yam dab tsi uas yuav nyiam txhua tus neeg mloog. Peb tsis paub yog tias muaj qhov zoo li no, tab sis ntau ntau thiab ntau pua tus xav paub txog kev dag tau muaj tseeb.

7. CSS Lit

cascading style nplooj ntawv: CSS Lint
cascading style nplooj ntawv: CSS Lint

Vim li cas peb thiaj xav tau lwm tus, yog tias peb tus kheej txhais tes loj tuaj? Nws puas qhia tiag. Ntxiv rau qhov yooj yim CSS syntax checking, lub vev xaib kev pabcuam kuaj xyuas kev ua raws li cov cai uas cuam tshuam rau nplooj ntawv nrawm. Cov zis yog zoo, browser-phooj ywg CSS.

Pom zoo: