CSS: font xim, style, txawv, loj

Programming - daim iav: nyob rau hauv thaum pib yog li lo lus, thiab tsis reflected rov qab. Thiab sai heev nws yuav tsum tau "hloov": thawj daim iav, ces cov lo lus ... Thaum no tus taw tes, cascading style ntawv - yog zoo, tab sis yog vim li cas ntev ua luaj li nws twb mus mloog tus tsim tawm? CSS - nws yog tag nrho cov tib array lub sij hawm lub era ntawm computer programs, tiam sis tsuas yog nyob rau hauv ib tug txawv foundations. Txawm tias thaum twg lub masses ua associative kiv puag ncig yog tsis tau.

website page - nws cim npe HTML-markup, uas yuav tsum tau ntaus nqi mus rau ib tug tej yam style los yog style chav kawm ntawv qhia tau. Tus thawj yuav muab txhais ib zaug thiab rau ascribe rau txhua yam npaum li cas yuav tsum tau lub sij hawm, thiab lub thib ob yog ib tug lub caij.

Cov kev logic ntawm qhov kev piav qhia ntawm yeej

Los ntawm kev lig kev cai, cov style yog muab tso rau hauv lub CSS-cov ntaub ntawv, tab sis yuav tsum tau ntaus nqi mus rau ib tug kev caij nyob rau hauv nws cov style attribute. Cov style yuav tsum tsim nyob rau hauv lub muaj zog ntawm JavaScript cov cuab yeej. Ntawm kev tseem ceeb yog tsis raws li tau piav, piv txwv li, los ntawm txoj kev CSS xim font, qhov luaj li cas, lub mloog ntawm pob ntseg, tom qab nyob rau hauv nws thiab thiaj li nyob. Qhov chaw hauj lwm style yog ib qho tseem ceeb nyob rau hauv lub ntsiab lus teb ntawm, feem ntau yog ob lub tswv yim: tus tom qab piav, li ntawd nws yog ib tug ntau dua feem, thiab yog hais tias piav nyob rau hauv lub caij, nws ua li ib qho tseem ceeb !. Xeem kaw raws li nws yog, kom meej meej txhais lub tseem ceeb.

Thov cov style, piv txwv li, ib tug tej yam font hloov xim nqaij daim tawv, yuav ua tau nyob qhov twg thiab dab tsi. Cov lus nug no yuav ua li cas rau li cas rau nws nyob rau hauv ib tug browser thaum lub sij hawm disassembly ntawm tag nrho cov yeej ua ke. Yuav ua li cas npaum li cas puas tau nws siv nyob rau hauv no CPU?

Qhov tseeb tiag mas, font xim yuav tsum tau qhia ib zaug xwb - nws yog ib tug classic. Xav tawm mus rau ib tug yooj yim piav qhia ntawm ib ob peb, thiab ces lwm thiab lwm ... ntawm chav kawm, koj ua tau. Nws yog fashionable, tab sis tswv yim.

QAUV general logic

Heev tsuas txiav txim los ntawm CSS xim rau tag nrho peb hais, nws yog ua tau kom tau tsawg kawg yog peb ntev-khiav cov teeb meem:

# Ele1, # Ele2, # Ele3 {
CHAW: tsis;
sab laug: 20px;
sab saum toj: 14px;
xim: liab;
}

# Ele2, # Ele3 {
sab laug: 90px; // hloov lub CSS kab rov tav coordinates
xim: daj; // hloov cov xim ntawm lub koos pis CSS
}

# Ele3 {
sab saum toj: 114px; // hloov lub CSS ntsug tswj

xim: ntsuab; // ib zaug dua hloov cov xim ntawm lub koos pis CSS

tom qab-xim: lightgrey; // CSS ntawv nyeem highlight xim hloov, tab sis qhov no yog tsis tam sim no nyob rau hauv lub # Ele1 thiab # Ele2; txoj hauj lwm kuj hloov, tab sis nws tau hloov nyob rau hauv # Ele2 thiab tsis yog, raws li ntawm no

}

Tam sim no peb yuav tsum nco ntsoov hais tias tag nrho cov ntawm no peb hais no txhais tau hais tias qhov chaw, thiab nyob rau hauv cov kev tshwm sim ntawm ib tug kev hloov ntawm cov xim duab kos tau tshwm ntawm lub site tswv, tus tsim tawm yuav yuav tsum nco ntsoov tsis tau tsuas yog hais txog cov xim, tab sis kuj hais txog rau sab laug cai thiab sab saum toj, thiab txawm hloov lub highlight xim ntawm cov ntawv nyeem yuav tsum tsis txhob yuav tsis nco qab lawm.

Tsis yog txhua txhua developers yog Revered yuav tsum tau CSS: Style ID - tsuas yog ib lub caij, thiab cov chav kawm style - ntau cim npe, dhau li ntawm tus kawg tau taw tes nyob rau hauv tus cim npe raws li adjectives:

• teem caij rau font xim nyob rau hauv lub CSS - style groundColor chav kawm ntawv;
• qhia kom meej rau font loj - cov chav kawm ntawv size15;
• set txoj hauj lwm - chav kawm ntawv PlaceUp.

Lawm, siv cov identifiers, tshwj xeeb tshaj yog thaum lawv yuav mus rau tib lub npav caij, lub sab saum toj kaum style chav kawm ntawv, xim nyob rau hauv ntau yam ob peb ua ke ntawm pua pua ntawm nplooj ntawv lub ntsiab. Tiam sis txhua yam nws muaj nws tus kheej lub hom phiaj logic.

Cov tsim tawm tsuas yuav tsum raug coj mus rau hauv tus account: txawm yog hais tias tus font xim ntawm HTML, CSS muaj los mus piav qhia ib qho nyuaj, qhov yooj ntawm lub zuag qhia tag nrho cov qauv ntawm cov lus piav qhia - uas yog nws txoj hauj lwm.

Cov kev tsim tshwm sim ntawm kev siv ntau logic

Niaj hnub nimno browsers yog xis nrog ib tug ntau ntawm cov ntaub ntawv style thiab tagnrho. Txawm li cas los, tsim, nyob rau hauv particular los ntawm cov CSS, xim rau tag nrho cov nplooj ntawv, koj yuav tsum nco ntsoov xav seb tsim nyog sufficiency. Tsis yog txhua txhua style cai "pheej yig" saib nyob rau hauv daim ntawv thov. Tej yam yooj yim laconic nkag: * {xim: dawb;} - yeej zoo nkauj, tab sis nws siv tau rau tag nrho cov ntsiab ntawm cov nplooj ntawv, tsis muaj kev zam.

Ntawm tag nrho cov kev cai, uas yog txawm peem rau nrog CSS, qhov tseem ceeb:

• style - chav kawm ntawv, thiab ces lub npe pib nrog, "."
• style - ua qhia tau thiab nws lub npe pib nrog ib tug "#" cim;
• nyob rau hauv lwm tus neeg mob - ib lub npe tag los yog ib yam dab tsi tshwj xeeb

Qhov tshuav ib feem ntawm qhov kev piav qhia lub tswv yim nyob rau hauv yeej (qub txeeg qub teg zog sib tshooj, tseem ceeb, txoj hauj lwm, kev txiav txim thiab cov zoo li. D.) Yuav tsum tau siv intelligently thiab nruj me ntsis tsim nyog.

Qhov browser yeej ib txwm nco, tsis txhob ua tawm nyob rau hauv qhov kev piav qhia, yog li ntawd tshwj xeeb surprises yuav tsis tau. Yog hais tias ib yam dab tsi yog tsis nyob rau hauv txoj cai qhov chaw los yog teev cov font xim nyob rau hauv CSS yog tsis tau, yog li ntawd, nyob rau hauv cov style ntawm qhov yuam kev.

npaj txhij txog lub sij hawm

Yuav tsum ua tsis tau phem yeej zoo ib yam li * {sab laug: 124px; } los yog

ol ol, ol ul, ul ul, ul ol {paj tau paj hauv qab: 0; }
ib tug IMG {ciam teb: 0; }

Txawm hais tias nws yog ib qhov nyuaj rau kom txawm ib novice tsim tawm siv CSS kev cai raws li lawv muaj. Yuav nyob rau hauv txoj kev loj hlob ntawm kev kawm ntawv, txawm txig yooj yim CSS syntax muab npaj txhij txog cov teeb meem. Txawm li cas los, Yog hais tias ncaj ua rau tus siv ntawm tus syntax, tab sis thov cov JavaScript functionality yog tshiab thiab npaj txhij txog lub sij hawm yuav tsum tsis txhob monotonous tsim identifiers rau txhua lub caij, los yog los saib xyuas cov kev siv ntawm ntau yam ntawm yeej thiab cov chav kawm.

CSS - tsis yog tsuas yog ib tug style cov ntaub ntawv uas yog kev cob cog rua rau cov nplooj ntawv ntawm qhov link tag los yog tso rau hauv nws los ntawm cov style tag. Nws tseem yog tau los mus tsim ib tug style rau tus yoov los yog hloov ib tug uas twb muaj lawm ib tug.

Los ntawm kev siv CSS, lub koos pis xim yuav ua tau programmatically. Raws li zoo raws li qhov luaj li cas thiab txoj hauj lwm, margins. Lub vas sab - tsis yog ib tug lub hom phiaj mus thov cov kev txawj ntse nyob rau hauv CSS, HTML, PHP los yog JavaScript los flash.

Web kev pab - yog thawj ntawm tag nrho cov ntaub ntawv muaj nyob rau hauv ib txoj kev. Uas yog vim li cas CSS yog zoo tshaj plaws pom nyob rau hauv lub puab ntawm lub lens ntawm yuav ua li cas nws yog ua tau rau daim ntawv, thaum lub sij hawm nplooj yog tseem nyob rau neeg rau zaub mov (nws tsis yog muaj nyob rau PHP thaum lub sij hawm thaum lub site qhua tuaj, tsis yog cov tsim tawm thaum lub sij hawm thaum nws twb tsim lub site), cov kev kawm stylesheet ib lub phau ntawv rau cov ntsiab lus, los yog los ua ib tug style chav kawm ntawv los yog qhia tau rau tus yoov raws li cov nplooj ntawv yog ua hauj lwm, thaum nws zoo nyob rau hauv ib tug qhua.

zoo li qub puab

Peb yuav tsum tsis txhob txwm sau sophisticated xyuas JavaScript-code yuav ua rau dynamic ntsiab lus thiab nws tsim - ib tug txaus cov ntsiab lus. Tej zaum nws yog txaus kom siv cov muaj txuj. Nyob rau hauv kev, los ntawm defining CSS font xim chiv zoo li qub txoj cai, koj yuav nkaum txoj cai no (muab zais) thiab pom sib txawv (pom).

Ntawm no, cov hais lus tsis yuav tsum tau lub algorithm:

// mus rau ntsiab lub tswv yim khawm rau ntawm qhov website
muaj nuj nqi scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'pom' .;
}

// nkaum lub tswv yim khawm rau ntawm qhov website
ua scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'muab zais' .;
}

CSS muaj tus kheej muaj zog: tickers, pob tshab ntsiab, ntau yam embodiments overlays, qhia, fading xim. Nyob rau hauv CSS, lub koos pis xim yuav ua txawm li ntawd tsis muaj ib tug stylistic txoj cai yog tsis muab.

Dynamic cov ntsiab lus zaub

Yog hais tias muaj tsis muaj dogmas, tej zaum yuav muaj tsis muaj kev kawm. Cia li tsis zoo li cas nws yog li mus tua. Hypertext coj mus rau hauv lub ntiaj teb no ib tug ntau ntawm dogma. Nws yog lub sij hawm them sai sai mus rau lawv thiab tau pib tsim cov chaw nyob rau hauv ib tug pragmatic thiab cov tswv yim style.

Chiv, muaj yog ib daim ntawv (P), ib txhia ntawm koj cov ntsiab lus (K), tag nrho cov cim npe ntawm cov nplooj ntawv yog piav nyob rau hauv cov style daim ntawv (S). Tsis yog ib tug tshiab daim ntawv P page ntawm PHP los yog Perl rau neeg rau zaub mov los ntawm kev xaiv K los ntawm lub database. Uas twb muaj lawm style ntawv S yuav ua raws li tau. Txawm li cas los, K tej zaum yuav tau hloov, thiab nyob rau hauv Feem ntau, xws li ib tug hloov yuav entail qhov yuav tsum tau rau lwm tus yeej, uas yog, S +.

Piv txwv li, tus neeg muas zaub hais tias: "Lub tsev kawm ntawv piav qhia txog lub neej ntawm Moscow, yuav saib zoo dua yog tias cov xov xwm cov khoom dai kom zoo nkauj nyob rau hauv cov style ntawm" ZaZavtrakom ", piav txog lub hmo ntuj bustle nyob rau hauv cov style ntawm" Las Vegas "thiab cov khoom nyob rau scientific thiab hauj kev kawm nyob rau hauv cov style ntawm" ModernTehno. ' " Tab sis yog hais tias peb ua S rau peb ntawm cov kev xaiv, muaj yog tsis muaj guarantee tias cov neeg yuav tsis muaj lub tswv yim kom muaj ib tug txheej ntawm cov khoom "Xov xwm", "Cov nyiaj so koobtsheej", "Ua hauj lwm», «CSS / HTML» lawm "HozyaykeNaZametku".

Lwm mus kom ze ntau tswv yim. Tsis hais txog ntawm qeb ntawm tsab xov xwm muaj yog ib txwm cov ntsiab lus uas yuav tau pleev xim rau hauv ib tug tej yam xim. Ntawm no nyob rau hauv qhov chaw no yog ib tug heev paub tab paub xav tswv yim: tau kev K, tseem nyob rau lub neeg rau zaub mov kom muaj ib tug txaus S, thiab qhov browser yuav tsum P, nws yuav tau txais txoj cai cov ntsiab lus nyob rau hauv cov clearance.

Dynamics style ntawm JavaScript

Yam tsawg kawg nkaus, txawm hais tias zoo heev tshuaj - yuav ua li cas lub styling ncaj qha nyob rau hauv tus neeg lub browser. Ua ntej, nws relieves cov neeg rau zaub mov - yuav tsis tau siv lub sij hawm nyob rau hauv lub tsim ntawm hypertext nplooj ntawv thiab style ntaub ntawv rau nws.

Ob, lub ntuj pov tseg ntawm lub sij hawm nyob rau hauv lub browser yuav tsim cov nyhuv uas cov nplooj ntawv yog nyob los ntawm cov lag luam thiab kev koom txhawb kev sib tham nrog cov qhua: nws tseem tsis pom cov ntsiab lus nyob rau hauv tej, yog li ntawd, nws yuav zoo li ib tug zoo ib yam thiab txawj xav ntaub ntawv tso zis.

Peb, nws tso cai rau cov tsim tawm los muab cov qhua mechanism ntawm cov ntsiab lus nyob rau hauv no style, nyob rau hauv uas nws yog xis. Nws yog tsis txawm leej twg.

Yuav kom siv lub tswv yim no, koj yuav tsum siv ib tug mechanism rau txoj kev kom cov ntsiab ntawm cov style tam sim ntawd tom qab lub nplooj loads, thiab nyob rau hauv lub chav kawm ntawm nws cov lag luam. Niaj hnub nimno site - nws yog AJAX nyob rau hauv ib tug daim ntawv. Nws yog tsis yooj yim mus nqa tawm lub tsim ntawm yeej ncaj qha nyob rau hauv tus txheej txheem ntawm tsim ntawm cov nplooj ntawv tsob ntoo. Nws yog ib qho yooj yim, pheej yig thiab zoo, vim hais tias cov ntsiab lus yog raws nrog nws mus sau npe.

Qhov no tsis nqe rau niaj hnub nyiam cais qhov kev nthuav qhia ntawm cov ntaub ntawv los ntawm qhov kev ua nyob rau hauv cov ntaub ntawv thiab tawm hauv nyob rau hauv cov zaub.

CSS raws li ib tug active ingredient

Hypertext coj ib tug ntau ntawm cov zoo, tiam sis tsuas yog ib tug me me feem ntawm lub ntuj ntaub ntawv yog ntse muaj kev, muaj cuab yeej thiab kev nyob rau hauv tsim high-zoo HTML, XML, CSS cov ntaub ntawv. Tsis muaj teeb meem rau formalize tus tshiab tagnrho ntawm cov ntaub ntawv thiab hloov twb ua ua ntej lawm.

Nrog rau kev hwm mus CSS, tus txheej txheem no yog tshuab txais nyob rau hauv ib tug txawv kiag li lub ntsiab lus teb. Ua-nyob rau hauv cov cuab yeej nyob rau hauv JavaScript, enabling "rau tus yoov" los tsim ntsiab thiab yeej ntawm lub ntsiab tsis xav tias yuav xws li ib tug tau, thiab lub creators ntawm PHP, nyob rau hauv particular, ntseeg yuav tsum tau koom nyob rau hauv lub tsim ntawm tsuas HTML nplooj ntawv.

Ob tus thawj thiab tus thib ob tso cai ua lub cajmeem yeej. Qhov no tshiab kev coj nyob rau hauv lub teb ntawm cov ntaub ntawv technology. Yeej muaj nuj nqis ntau formal tshaj plaws tshaj qhov XML los yog HTML, cov kev cai yog heev yooj yim. Style yog yeej ib txwm tam sim no nyob rau hauv cov ntaub ntawv, tsis muaj teeb meem yuav ua li cas tej yam ntuj tso nws yog.

Sau npe database programmers koom ib txwm nyob rau hauv ib tug ntau npaum li cas muaj kev sectors, tab sis CSS ntsiab - ib tug heev yooj yim ua hauj lwm, tab sis, cas tsis tau txais mus rau hauv lub tshav pob ntawm saib ntawm lub kev loj hlob.

Nyob rau dogma nyob rau hauv lub teb ntawm lub cajmeem

Zoo li ib tug iceberg, ib tug dogma yuav tsis ntev expanses furrowing ntaub ntawv. Yav tag los kev yuav tsum tau mloog zoo tsis tsuas nyob rau hauv HTML- thiab CSS-qauv, cov cuab yeej mus ua hauj lwm nrog lawv, kev txawj ntse developers.

Ib tug yooj yim ua hauj lwm - ua los ntawm CSS font xim - tau pom lub tshuaj zoo meej. Cov kev cai, syntax, logic thiab kev nplij siab yog indisputable. Tab sis txawm thaum lub font yeej muaj tsis yog ib tug ntau ntawm cov xim rau kev xyaum, ntau heev yog tsis tsim nyog, thiab tseeb rau lub hom phiaj ntawm cov kev muaj tiag ntawm virtualization tsis tau tag nrho cov sau "quab yuam» HTML thiab CSS, muaj los ib lub sij hawm thaum lub situational paub mus rau lub tswv cuab thiab tso tawm kom pom kev kawm txawj thiab cov cuab yeej ntawm lub ntuj tsim ntawm yeej ntawm cov ntsiab lus.

Yuav ua li cas yuav no yuav, tej zaum yuav tsis nkaus ntshiab, tab sis hais tias tus txheej txheem yog twb nyob rau hauv txoj kev, obviously.