Tailwind CSS: Kev Siv Hluav Taws Xob-Thawj CSS Tus Qauv thiab API rau Ceev, Tsim Tus Qauv

Tailwind CSS Tus Qauv

Thaum kuv nkag mus rau hauv thev naus laus zis txhua hnub, Kuv tsis tau txais sijhawm ntau li kuv xav qhia cov kev sib xyaw ua ke thiab kev siv tshuab uas kuv lub tuam txhab siv rau cov neeg siv khoom. Zoo li, Kuv tsis muaj sijhawm tshawb pom ntau. Feem ntau ntawm cov thev naus laus zis kuv sau txog yog cov tuam txhab uas nrhiav Martech Zone npog lawv, tab sis txhua lub sijhawm ib ntus - tshwj xeeb tshaj yog ntawm Twitter - Kuv pom qee qhov nrov nrov nyob ib puag ncig cov thev naus laus zis tshiab uas kuv xav tau qhia tawm.

Yog tias koj ua haujlwm hauv lub vev xaib tsim, mobile app txhim kho, lossis txawm tias tsuas yog teeb tsa cov txheej txheem tswj hwm, koj yuav zaum tau sib tw nrog kev ntxhov siab ntawm kev sib tw sib tw hla ntau yam ntawv. Txawm hais tias nrog cov cuab yeej txhim kho zoo tsim nyob hauv txhua qhov browser, taug qab thiab tu CSS tuaj yeem xav tau sijhawm ntau thiab lub zog ntau dhau.

CSS Frameworks

Xyoo tsis ntev los no, cov tsim qauv tau ua tiav txoj haujlwm zoo kawg nkaus ntawm kev tso cov khoom sau uas tau npaj ua ntej thiab npaj siv. Cov CSS Stylesheets no paub zoo dua li CSS Cov Qauv, sim ua kom haum txhua qhov sib txawv thiab muaj peev xwm ua tau zoo kom cov tsim tawm tsuas tuaj yeem siv lub moj khaum ntau dua li tsim cov ntawv CSS los ntawm kos. Qee cov txheej txheem nrov yog:

  • bootstrap - lub moj khaum uas tau hloov pauv ntau dua kaum xyoo, thawj zaug qhia los ntawm Twitter. Nws muaj cov yam ntxwv suav tsis txheeb. Nws muaj qhov poob qis, xav tau SASS, nyuaj rau rov ua dua, nyob ntawm JQquery, thiab nws zoo nkauj heev rau thauj.
  • Nrhiav tau -lub moj khaum huv uas yog tus tsim tawm-phooj ywg thiab tsis muaj kev vam khom ntawm JavaScript.
  • Foundation - ntau yam ntxiv thiab siv tau CSS tus qauv uas muaj ntau yam khoom siv uas yooj yim tuaj yeem tsim kho. Ntxiv mus, muaj Foundation rau Email thiab Tsab ntawv tsa suab povhwm poob haujlwm rau animations.
  • Cov Khoom Siv UI -kev sib xyaw ntawm HTML, JavaScript, thiab CSS kom tau txais koj lub hauv ntej kawg tsim sai thiab yooj yim.

Tailwind CSS Tus Qauv

Thaum lwm cov txheej txheem ua haujlwm zoo ntawm kev ua kom haum cov neeg siv sib cuam tshuam, Tailwind siv cov txheej txheem hu ua Atomic CSS. Hauv ntej, Tailwind npaj cov npe hauv chav kawm siv cov lus ntuj los ua qhov lawv hais lawv ua. Yog li, thaum Tailwind tsis muaj lub tsev qiv ntawv ntawm cov khoom siv, lub peev xwm yooj yim tsim lub zog muaj txiaj ntsig, teb tau zoo tsuas yog los ntawm kev hais txog CSS cov npe hauv chav kawm yog muaj kuab heev, nrawm, thiab tsis sib xws.

Nov yog qee qhov piv txwv zoo heev:

CSS Grids

css kem pib grids kab

CSS Gradient Cov

css cov gradient

CSS rau Tsaus Hom Txhawb

css tsaus hom

Tailwind kuj muaj qhov zoo heev muaj kev txuas ntxiv rau VS Code kom koj tuaj yeem txheeb xyuas tau yooj yim thiab ntxaws cov chav kawm los ntawm Microsoft's code editor.

Txawm tias muaj txiaj ntsig ntau dua, Tailwind tshem tawm txhua qhov tsis siv CSS thaum tsim rau kev tsim khoom, uas txhais tau tias koj cov CSS kawg pob yog qhov tsawg tshaj plaws nws tuaj yeem ua tau. Qhov tseeb, feem ntau Tailwind cov haujlwm xa nkoj tsawg dua 10kB ntawm CSS rau cov neeg siv khoom.

Yuav ua li cas koj xav hais tias?

Qhov Web site no siv Akismet los txo cov kev pabcuam. Kawm li cas koj cov ntaub ntawv tawm tswv yim tiav.