Cov kauj ruam kom tshem tawm ntawm kab ntawv txuas thiab cov teeb meem yuav tsum paub txog
Los ntawm kev ua neej, cov ntawv nyeem uas txuas rau HTML siv lub los yog "thauj tog rau nkoj" caij yog styled nrog tus kos kab hauv qab. Oftentimes, web designers xaiv tshem tawm no default styling los tshem tawm cov kos kab hauv qab.
Muaj ntau tus neeg tsim qauv tsis saib xyuas cov ntawv sau hauv qab no, tshwj xeeb tshaj yog nyob rau hauv cov blocks uas muaj cov ntsiab lus nrog ntau ntau cov kev sib txuas. Tag nrho cov lus hauv qab no muaj peev xwm ua txhaum txoj kev nyeem ntawv ntawm ib daim ntawv. Ntau tus tau sib cav hais tias cov underlines los ua cov lus nyuab zog kom paub qhov txawv thiab nyeem sai sai vim yog txoj kev uas hloov underformations natural.
Muaj cov txiaj ntsim zoo los pab tuav cov kab ntawv no ntawm cov ntawv nyeem, txawm li cas los xij. Piv txwv, thaum koj tuaj los ntawm cov ntawv loj ntawm cov ntawv nyeem, hauv qab cov kev txuas tau nrog cov xim zoo sib xws ua kom yooj yim rau cov nyeem kom sai tau scan ib nplooj ntawv thiab pom qhov twg cov kev sib txuas. Yog tias koj saib cov qauv tsim cov khoom tsim tawm ntawm no, nyob rau hauv kev sib tham, nrog rau lwm cov khoom ntawm lub vev xaib, koj yuav pom qhov no ntawm cov kev txuas hauv qab.
Yog tias koj txiav txim siab tshem cov kev sib txuas los ntawm cov ntawv nyeem (ib txoj kev yooj yim uas peb yuav tau them sai), nco ntsoov nrhiav txoj hau kev cov ntsiab lus ntawm cov ntawv nyeem kom tseem sib txawv ntawm qhov txuas ntawm qhov sau cov lus yooj yim. Qhov no yog feem ntau ua tiav nrog qhov xim zoo nkauj ntawd, tab sis xim ib leeg tuaj yeem tsim teeb meem rau cov neeg tuaj xyuas uas muaj kev tsis pom kev xws li xim muag dig muag. Nyob ntawm lawv daim ntawv qee qhov muag tsis pom qhov sib txawv, qhov sib txawv kuj yuav poob rau lawv, tiv thaiv lawv tsis pom qhov txawv ntawm qhov sib txuas thiab cov ntawv tsis txuas. Qhov no yog vim li cas ho sau txog cov ntawv nyeem tseem yog qhov zoo tshaj plaws los qhia cov kev sib txuas.
Yog li cas koj tig tawm ib kab hauv qab yog koj tseem xav ua li ntawd? Vim tias qhov no yog ib qhov yeeb yam uas peb muaj kev txhawj xeeb nrog, peb yuav tig mus rau ib feem ntawm peb lub vas sab uas saib xyuas txhua yam khoom siv - CSS.
Siv Cascading Cov Ntawv Xaiv Cov Ntawv Tua Los Tuav Tseg Rau Hauv Cov Txuas Cov Ncauj Lus
Feem ntau, koj tsis tuaj yeem tig los kos tus kos kab hauv ntawm ib phau ntawv txuas. Xwb, koj tus qauv tsim yuav ua rau koj tshem cov kab hauv qab ntawm tag nrho cov kev sib txuas.Koj yuav ua qhov no los ntawm kev ntxiv rau koj cov ntawv sab nraud.
lub {text-decoration: none; }Tus ntawd yog nws! Ib qho yooj yim kab ntawm CSS yuav tig tawm hauv qab (uas tau siv cov cuab yeej CSS rau "text-decoration") rau txhua qhov kev sib txuas.
Koj tseem tuaj yeem tau txais ntau yam ntxiv nrog rau qhov no. Piv txwv li, yog tias koj tsuas xav rho tawm cov kos kab hauv qab los yog cov kev sib txuas hauv cov "nav", koj sau tau:
nav ib {ntawv-kho kom zoo nkauj: tsis muaj; }Tam sim no, cov ntawv nyeem hauv cov nplooj ntawv yuav tau txais lub neej ua ntej, tab sis cov neeg hauv cov nav yuav tau muab tshem tawm.
Ib qho uas muaj ntau lub web tsim tshwj xeeb xaiv ua yog tig qhov txuas rov qab "on" thaum ib tug neeg hovers cov ntawv nyeem. Qhov no yuav ua tau siv cov: hover CSS pseudo-class, zoo li no:
lub {text-decoration: none; } a: hover {text-decoration: underline; }Siv Inline CSS
Raws li ib qho kev hloov los ua kev hloov mus rau lwm cov ntsiab lus ntawm sab nraud, koj tuaj yeem sib ntxiv mus rau lub caij nws tus kheej hauv HTML, xws li qhov no:
qhov txuas no tsis muaj nyob hauv qabQhov teeb meem nrog rau hom no yog tias nws muab cov lus qhia hauv koj tus qauv HTML, uas tsis yog qhov zoo tshaj plaws kev xyaum. Style (CSS) thiab cov qauv (HTML) yuav tsum tau muab cais cia.
Yog tias koj xav tau tag nrho ntawm qhov chaw kawm ntawv cov ntaub ntawv mus rau qhov raug tshem tawm, ntxiv cov lus qhia txog cov ntsiab lus no rau txhua qhov kev sib txuas ntawm tus kheej yuav txhais tau tias yog tus nqi tsim nyog ntxiv ntxiv rau koj qhov chaws code. Cov nplooj ntawv no tuaj yeem ua rau qeeb lub sijhawm ntawm lub sijhawm thauj khoom thiab ua kom tag nrho cov nplooj tswj xyuas ntau dua. Rau cov laj thawj no, nws nyiam ua kom tig mus rau ib daim ntawv qhia sab nraud rau tag nrho cov nplooj ntawv xav tau.
Hauv kev kaw
Ua tau yooj yim raws li nws yog tshem tawm cov kos kab hauv qab ntawm cov nplooj ntawv web links, koj yuav tsum tau nco ntsoov txog qhov ua tau li ntawd. Thaum nws muaj peev xwm ntxuav tau qhov zoo ntawm qhov nplooj ntawv, nws yuav ua tau li ntawm cov nuj nqis ntawm kev siv txhua yam. Siv qhov no rau hauv lub sijhawm tom qab koj xav hloov lub nplooj ntawv "text-decoration" zog.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited on 9/19/16 los ntawm Jeremy Girard