Chaw nyob rau hauv lub CSS: kab yov

Nyob rau hauv CSS, qhov kev ncua deb ntawm cov kab yog heev yooj yim mus teem. Rau lub hom phiaj no yog ib tug tshwj xeeb cov cuab yeej. Tab sis, ntawm chav kawm, muaj ntau ntau lwm yam tsis, uas yog universal thiab yuav tsum muaj ntaub ntawv rau hauv cov ntawv nyeem.

Yog hais tias tsis muaj kev hloov yuav ua li cas, koj muaj teem caij mus neej ntawd hais qhov tseem ceeb. koj muaj peev xwm hloov qhov kev ncua deb yog nyiam. Tus nqi yuav tsum yog ib feem pua los yog pixels.

kab siab

Lub CSS kev ncua deb ntawm kab yuav tsum tau ua los ntawm cov nram qab no daim duab.

Nyob rau hauv lub saum toj no duab qhia tau hais tias cov tsis nrog coj mus. Cov ntawv nyeem yog nyob rau hauv qhov chaw font-size. Nco ntsoov tias cov ntawv nyeem kab tsis pib ntawm lub hauv paus thiab me ntsis siab dua. Qhov chaw muab rau hauv qab no rau cov tsiaj ntawv uas muaj hauv qab ntsiab (g, y, thiab thiaj li nyob).

Nco ntsoov tias qhov chaw ntawm cov blocks font-size yog hu ua ua. Nrog HTML thiab CSS cov cuab yeej no tsis tshwm sim, tab sis nws yog nyob rau hauv lwm cov duab thiab cov ntawv nyeem editors. Piv txwv li, nyob rau hauv tsev av Photoshop.

Cov duab saum toj no qhia tau hais tias nyob qhov twg nyob rau hauv lub "Photoshop", koj yuav tau qhia kom meej ua. Thiab tom ntej no teev font-size chaw.

Piv txwv ntawm kev siv kab-qhov siab

Nyob rau hauv CSS, qhov kev ncua deb ntawm cov kab yuav tsum tau muab teem rau ib xees. Ib tug piv txwv piv txwv yog muab hauv qab no.

Nyob rau hauv cov ntaub ntawv ntawm me me qhov tseem ceeb ntawm tus neeg siv ntawm koj qhov chaw yuav tsum yooj yim rau kev nyeem ntawv.

Qhov kev ncua deb yuav ua tau ntau yam thiab qhov loj ntawm lub koos pis. Yog hais tias qhov txawv nruab nrab ntawm tus yooj yim tsis yuav txawv heev nyob rau hauv xov tooj, qhov txawv yog compensated los ntawm qhov kev nce rau leading.

subtleties ntawm kev tsim

Lub CSS kev ncua deb ntawm kab yuav ntxiv customize ntau yam indents. Xav txog cov piv txwv nyob rau hauv cov duab.

Nyob rau hauv lub "Caij" nyob rau hauv cov ntaub ntawv no yuav cov ntawv nyeem. Padding - padding yog hauv tus kwv, thiab lub paj tau paj - lub indentation ntawm tus kwv. Ciam teb - no ncej. Nws yuav tsum yog 0 pixels, thiab tej zaum yuav 100.

Cov nram qab no qhia tau hais tias cov duab tam sim ntawd tag nrho cov margins, tus ncej thiab qhov siab ntawm ib tug kab ntawm cov ntawv nyeem.

Yog hais tias koj muaj ib tug me me ntawv nyeem, tag nrho cov nyob rau hauv ib txoj kab, los yog ib kab nyob rau hauv ib tug nyias muaj nyias ib pawg lus, qhov kev ncua deb yuav tau tom nyob nruab nrab ntawm lub Indented paragraphs. Qhov ntawd yog maring thiab padding ntawm cov kab nyob rau hauv ib tug cell yuav muaj tsis ntxim. Lawv tsim lub indentation tsuas yog nyob rau ntawm cov npoo ntawm cov kwv. Nruas - qhov no tag nrho cov pawg lus, es tsis txhob ntawm kab nyob rau hauv nws. Nws yog ib qho tseem ceeb tsis tau tsis meej pem.

Nyob rau hauv tus neeg mob qhov twg ib tug loj tus naj npawb ntawm kab, tag nrho cov uas muaj nyob rau hauv tib lub nruas, tus font yog pom zoo kom hloov qhov yooj yim tsis.

Yuav ua li cas kom cov kev coj ntawm cov kab ntawm CSS

Qhov kev ncua deb ntawm cov kab ntawm HTML, koj muaj peev xwm sau npe rau tej yam hauv chav kawm ntawv los yog rau tag nrho cov nqe lus nyob rau hauv cov ntawv nyeem. Yog hais tias koj qhia kom meej zoo li no: p {line-qhov siab: 20px; } - ces kiag li tag nrho cov nqe lus nyob rau hauv cov nplooj ntawv yuav cov hlua ntawm 20 pixels. Yog hais tias koj xav nyob rau hauv qhov chaw sib txawv nyob rau hauv ntau ntau thiab tsawg, nws yog pom zoo kom ua raws li nram no.

Peb muab yeej.

.class1 {line-qhov siab: 20px; }

.class2 {line-qhov siab: 16px; }

.class3 {line-qhov siab: 12px; }

Rau clarity, peb ntxiv ib tug ncej, li ntawd, koj yuav pom tias nws tej hauj lwm. Nyob rau hauv lub neej yav tom ntej, nws yuav tsum tau muab tshem tawm.

Tom ntej no, peb siv tau cov no cov chav kawm ntawv. Cov no raws li nram no.

Nco ntsoov tias nyob rau hauv lub thib peb cov ntaub ntawv, cov qhab tsav tsheb rau cov ntawv nyeem. Tag nrho vim lub fact tias cov font loj yog ntau tshaj rau qhov siab ntawm txoj kab. Yog li ntawd, nws yog ib qho tseem ceeb los xyuas kom meej hais tias xws li kev tsis sib haum twb tsis tau. Yog hais tias koj yuav ua ib tug me me kab qhov siab, ntsig txog, txo lub font.

Nws tsis pom zoo kom ua heev me ntsis ntawv nyeem thiab ib tug me me kev ncua deb ntawm cov kab. Txij li thaum tsis muaj ntawm cov neeg siv yuav ua tsis tau nyeem kom tag nrho calmly. Nws sai sai nkees ob lub qhov muag. Nrhiav xyaw kuj hais tias cov ntawv nyeem yog tus neeg siv-phooj ywg.

Ntxiv mus, nyob rau hauv xyoo tsis ntev los no muaj ib tug muaj zog haum rau usability rau mobile neeg siv. Muaj tswv yim pom zoo yuav tau nco ntsoov hais tias tus luaj li cas font yuav tsum ua tau li qub, tsis me me. Tshwj xeeb tshaj yog xav nws muaj feem xyuam rau cov kev siv. Nrog lawv me me luaj li cas tus neeg siv yuav tsis yooj yim rau siv qhov chaw navigation.

Nyob rau hauv cov kev tshawb fawb cav "Google" yog ib tug tshwj xeeb lub cuab tam uas pab nyob rau hauv tus tsom xam. Nws yog yooj yim heev rau webmasters.

Ntawm no yog ib qho piv txwv ntawm cov kev tshwm sim uas tej zaum yuav.

Nws yog pom zoo kom siv tau cov no lub tswv yim vim hais tias cov kev cuam tshuam rau cov kev tshawb fawb tau.