Nrog CSS , nws yog ib qho yooj yim los teem cov xim ntawm cov ntawv nyeem hauv ib daim ntawv. Yog tias koj xav paragraphs nyob rau ntawm koj nplooj ntawv yuav tsum tau ua nyob rau hauv ib cov xim, koj tsuas qhia tias hauv koj phau ntawv lwm style thiab qhov browser yuav tso koj cov ntawv hauv cov xim uas xaiv. Yuav ua li cas thaum twg koj xav hloov cov xim ntawm ib lo lus (los yog tej zaum tsuas yog ob peb lo lus) nyob rau hauv nqe lus ntawm cov ntawv nyeem? Rau qhov ntawd, koj yuav tsum siv tus txheej txheem ib yam li cov cim.
Thaum kawg, hloov cov xim ntawm ib lo lus los yog ib pab pawg me me ntawm cov lus nyob rau hauv ib kab lus yog yooj yim siv CSS, thiab cov cim npe yog HTML, tsis txhob txhawj txog qhov no yog qee yam ntawm hack. Nrog cov kauj ruam no, koj kuj tsis txhob siv cov cim npe tawm thiab cov yeeb yaj kiab uas zoo li "font", uas yog ib yam khoom ntawm ib lub sijhawm dhau los ntawm HTML.
Tsab ntawv xov xwm no yog pib rau qhov web developers uas yuav tshiab rau HTML thiab CSS. Nws yuav pab koj kawm paub siv HTML tag thiab CSS los hloov cov xim ntawm cov ntawv luam ntawm koj cov nplooj ntawv. Uas tau hais tias, muaj qee qhov teeb meem rau qhov no, uas kuv yuav npog qhov kawg ntawm qhov xwm txheej no. Rau tam sim no, nyeem ntawv kom paub cov kauj ruam los hloov cov ntawv nyeem no! Nws yooj yim heev thiab yuav tsum siv li 2 feeb.
Kauj Ruam Ntawm Cov Kev Qhia Tawm
- Qhib cov nplooj ntawv web uas koj xav hloov tshiab hauv koj txoj kev nyiam ntawv HTML editor. Qhov no yuav yog ib qho kev pab cuam zoo ib yam li Adobe Dreamweaver lossis ib phau ntawv yooj yim xws li Notepad, Notepad ++, TextEdit, thiab lwm yam.
- Hauv daim ntawv, nrhiav cov lus koj xav kom muab tso tawm kom pom nyob hauv ib qho xim txawv ntawm nplooj ntawv. Vim hais tias qhov kev nyeem ntawv no, cia siv qee lo lus uas nyob rau hauv ib kab lus loj dua ntawm cov ntawv nyeem. Cov ntawv nyeem no yuav muaj nyob rau hauv thetag nkawm. Nrhiav ib yam ntawm ob lo lus uas nws yog xim koj xav hloov.
- Muab koj tus cursor ua ntej thawj tsab ntawv ntawm lo lus los yog ib pawg ntawm cov lus koj xav hloov xim. Nco ntsoov, yog tias koj siv lub WYSIWYG editor zoo li Dreamweaver, koj ua haujlwm nyob rau hauv "code view" rigth tam sim no.
- Qha cov ntawv kws muaj xim kws peb xaav nrug nrug nrug kev hloov, nrug rua ib tug quas huv hoob. Tag nrho cov pawg lus yuav zoo li qhov no: Qhov no yog cov ntawv nyeem uas npaj rau hauv kab lus.
- Peb tsuas yog siv tus txheej txheem nyob rau hauv, qhov, los muab cov ntawv nyeem ib qho "sib txuas" uas peb siv tau hauv CSS. Peb kauj ruam tom ntej yog dhia mus rau peb sab nraud CSS cov ntaub ntawv ntxiv rau txoj cai tshiab.
- Hauv peb cov ntaub ntawv CSS, peb ntxiv:
- .focus-text {
- xim: # F00;
- }
- I do not know
- Txoj cai no yuav teeb tias cov qauv inline, tus, los tso rau hauv cov xim liab. Yog tias peb muaj ib cov style yav dhau los uas teev cov ntawv luam ntawm peb daim ntawv rau dub, qhov kev qhia no inline yuav ua rau cov ntawv nyeem kom tau npaj rau thiab sawv nrog cov xim txawv. Peb kuj ntxiv tau lwm yam yeeb yam rau txoj cai no, tej zaum yuav ua rau cov ntawv nyeem ntawv yeem los yog bold kom tseem ceeb tshaj qhov qub ntxiv?
- Tseg koj nplooj ntawv.
- Kuaj cov nplooj ntawv hauv koj qhov web browser uas nyiam saib xyuas qhov kev hloov ntawd.
- Nco ntsoov tias ntxiv nrog rau, qee cov neeg ua hauj lwm hauv web xaiv xaiv lwm yam xws li lossis ua ke ua ke. Cov ntawv cim npe no yog siv rau "bold" thiab "italics" tshwj xeeb, tab sis tau poob thiab hloov nrog thiab. Cov cim npe tseem ua haujlwm hauv cov browsers niaj hnub no, tiam sis, ntau lub vev xaib siv lawv raws li cov khij nyiab hauv hla. Qhov no tsis yog qhov phem tshaj plaws, tab sis, yog tias koj xav kom tsis txhob muaj cov ntsiab lus deprecated, kuv xav hais tias nrog cov ntawv ntawm cov hom kev xav tau styling.
Cov Tswv Yim thiab Cov Khoom Los Saib Xyuas Rau
Txawm tias qhov kev ua haujlwm no ua haujlwm zoo rau cov kev xav tau me me, zoo li yog tias koj xav hloov ib qho me me ntawm cov ntawv sau rau hauv ib daim ntawv, nws tuaj yeem khiav tawm ntawm kev tswj xyuas. Yog tias koj pom tias koj nplooj ntawv littered nrog cov ntsiab lus, txhua yam uas muaj cov chav kawm uas koj siv rau hauv koj cov ntaub ntawv CSS, koj yuav tsum ua yuam kev, Nco ntsoov, ntau tshaj cov cim npe uas nyob hauv koj nplooj ntawv, qhov nyuab nws yuav ua tau kom muaj qhov nplooj ntawd mus rau tom ntej. Tsis tas li ntawd, qhov web typography zoo tsis tshua muaj ntau yam txawv ntawm cov xim, thiab thoob plaws hauv phab!