Yuav Ua Li Cas Nce Cov Font Ntawm Html

Cov txheej txheem:

Yuav Ua Li Cas Nce Cov Font Ntawm Html
Yuav Ua Li Cas Nce Cov Font Ntawm Html

Video: Yuav Ua Li Cas Nce Cov Font Ntawm Html

Video: Yuav Ua Li Cas Nce Cov Font Ntawm Html
Video: Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни 2024, Hlis ntuj nqeg
Anonim

Ua kom cov HTML ntau dua yog siv tau cov cim tshwj xeeb uas tso cai rau koj los tswj cov kev txwv ntawm cov ntawv sau rau ntawm lub vijtsam. Cov kev teeb tsa tawm zoo sib xws tau muab coj los siv rau hauv CSS, cov cai uas tuaj yeem muab tau yooj yim rau hauv nplooj ntawv kho.

Yuav ua li cas nce cov font ntawm html
Yuav ua li cas nce cov font ntawm html

Txhawm rau kho cov ntawv sau ntawm ib daim ntawv nrog qhov.html txuas ntxiv, qhib cov ntawv nyeem uas koj siv (piv txwv li, Notepad). Nyem "Cov Ntawv" - "Qhib" thiab sau qhia txoj hauv kev rau nplooj ntawv nws tus lej koj xav hloov. Tom qab ntawd nias Enter Enter ntawm koj lub keyboard thiab pib kho ntu qhov xav tau ntawm daim ntawv.

Html

Hloov cov ntawv loj yog ua tiav los ntawm tus kov. Hauv thaj tsam ntawm cov kab sau no, koj tuaj yeem tsim qhov tsim nyog rau qhov siab ntawm cov tsiaj ntawv thiab lawv cov xim. Cov ntawv sau nyob nruab nrab ntawm cov lus qhib thiab kaw yuav muab tso tawm kom pom raws cov lus tau ua:

Txhua cov ntawv nyeem

Cov ntawv sau uas tau sau nruab nrab ntawm thiab yuav muaj qhov loj me 15 vim tias muab qhov ntsuas loj.

Txuag koj hloov pauv mus thov cov tsis. Koj tuaj yeem kaw cov editor qhov rai thiab nyem ob npaug ntawm HTML nplooj ntawv qhib nws hauv qhov rai browser. Koj tuaj yeem ua txoj cai-nias rau ntawm daim ntawv thiab xaiv "Qhib Nrog" los qhib nws hauv lub vev xaib. Xaiv koj lub browser los ntawm cov npe ntawm cov kev pab cuam.

CSS

Siv cascading style ntawv tso cai rau koj los kho koj cov teeb tsa font. Nrog kev pabcuam ntawm kev cai, koj tuaj yeem hloov cov chaw teeb tsa rau ob qho tag nrho cov ntawv nyeem hauv nplooj ntawv, thiab rau cov tib neeg cov ntsiab lus (piv txwv li kab lus). CSS tuaj yeem sau ua ke hauv lub cev ntawm daim ntawv (), tab sis nws yooj yim tshaj sau cov lus qhia tsim nyog rau hauv kev piav qhia los ntawm daim ntawv cov lus txib hauv ib kab cim.

Font-size attribute yog lub luag haujlwm rau pauv qhov loj me me. Tus nqi piav qhia tuaj yeem teev nyob hauv pixels (px), cov ntsiab lus (pt) thiab feem pua (%). Piv txwv li:

Hloov cov ntawv loj

lub cev {font-loj: 13pt; }

h1 {font-loj: 200%; }

p {font-loj: 15px; }

Hauv qhov ua piv txwv, qhov loj me rau cov ntawv sau nkag rau hauv lub cev ntawm nplooj ntawv yog 13 ntsiab lus. Txhua tus tsiaj ntawv ntawm cov cim npe yuav ua kom siab 2 npaug (100% ntawm daim tseem). Cov lus sau hauv nruab nrab ntawm qhov piav qhia yuav yog 15 pixels. Nws yuav tsum raug sau tseg tias cov kev teeb tsa rau txhua nplooj ntawv nyias yuav ua rau qhov muaj txiaj ntsig zoo dua li qhov muaj nuj nqis. Piv txwv li:

Ntxig kab ntawv tsis tu ncua

Pauv pauv lus

Raws li txoj cai, cov ntawv sau ntawm cov pib yuav tsum yog 15px qhov loj me. Txawm li cas los xij, cov font hauv kab ntawv thib ob yuav yog qhov loj 18, vim tias cov cai hauv lub cev ntawm cov ntawv feem ntau yuav tsum ua ntej qhov kev teeb tsa dav dav hauv qhov.

Pom zoo: