CSS mmetụta: ahazi nkuku nke ọcha

Ahazi ahịrịokwu nke Cascading Style Ibé akwụkwọ e mere ya nanị na-ekwe omume nke inweta ihe kasị na-atụghị anya imewe dị ọbụna n'ebe dị anya site na mmemme na mmepe nke ụmụ mmadụ na saịtị. Ikekwe eziokwu na ụmụaka na na na nkanka anọgide na onye ọ bụla na ebe nchekwa, na-eji multi-faceted ahụmahụ HTML, CSS dị mfe.

Otú ọ dị, ugbu a mmemme bụ ka dị nnọọ anya site na-eweta rụrụ nke eziokwu. Ruo ugbu a, ọ bụla n'ógbè (nwere ihe ị na-achọ ngọngọ mmewere) ọ bụla nke ihe ọ pụtara na anụmanụ na nhọpụta nke a akụkụ anọ udi, nke na-kpụrụ n'ime chọrọ usoro ngwe akara.

Ruo ugbu a, ọ bụla gburugburu, ịchịkọta okirikiri, otú a curved ogologo na na. P. akọwa mgbagwoju mgbakọ na mwepụ arụmarụ ma ọ bụ nnọọ obere cubes, trapezoids, triangles ma ọ bụ ndị ọzọ rectilinear ọcha na-distinguishable anya dị ka a mgbe na akara.

Classic Kwụ Ọtọ imewe

Ọ bụghị ihe ijuanya na-enwe ọganihu na ubi nke mmemme na ozi teknụzụ nkwado iwu akụkụ anọ imewe. Otutu echiche mere Ekwela oge na-a ahazi udi, ma echefula na-ewetara na mkpofu Mmepụta ezu atụmatụ na na mkpado iwu, CSS na yiri mmemme asụsụ.

Ọ bụla mmewere ji na peeji nke bụ a akụkụ anọ ebe, na nke ọ na-ekenyela ọtụtụ akụkụ, nke nke ọ bụla ikpe ga-eji naanị na ọ dị mkpa ịtụle krossbrauzernosti chọrọ nkè atụmatụ kpọmkwem ọdịnaya dị syntactic chepụtara.

General iwu maka CSS

Cascading Style Ibé akwụkwọ na-enye na-akọwa ihe dị ka ndị a:

• onwunwe: uru.

Na nke a, ihe onwunwe - kpọmkwem aha na uru pụrụ ịbụ ma a aha ma ọ bụ a ndepụta nke aha ma ọ bụ ụkpụrụ.

Banyere ngọngọ ọcha na mkpa ime via CSS mechie nkuku, ọ na-eme uche iji ókè-ala-okirikiri onwunwe na ya bara uru na format "38px" ma ọ bụ "8px 16px 24px 38px".

Ọ bụrụ na uru nyere otu nọmba, ọ ga-eme ka ndị niile angles. Record niile anọ ụkpụrụ bụ:

• mbụ nọmba - na elu akaekpe;
• nke abụọ - na elu nri;
• nke atọ - na ala nri;
• ọhụrụ - na ala aka ekpe.

Ịkekọrịta ụfọdụ nke iwu

Concepts ókè, image na ndabere ga-eji ọnụ. Nke a bụ nkịtị, na kwuru iwu adịghị egbochi onye ọ bụla ọzọ, akpụ n'ozuzu mejupụtara. Ndị isi ihe - ajụjụ maka eziokwu ahụ bụ na aha nke ọ bụla n'ime ha na-anọchi anya, na otú ọ na-etinyere.

Tupu mejuputa atumatu a ma ọ bụ na mmewere, ọ dị mkpa na-akpa àgwà ụfọdụ nwere na ule ọrụ na multiple nchọgharị. Usoro na ndụmọdụ, na-atụ aro, ihe atụ nke-atọ ndị ọzọ ma ọ bụ CSS syntax, mechie nkuku, na na. N. na-adịkarịghị mma karịa ha onwe ha dị ọhụrụ omume.

Ọ dị mkpa ịghọta na ókè-ala, image, na okwu nke imewe akụkụ - otu ụdị echiche. Ịbịaru nwere ike ọkọnọ bụghị na PNG-format. Ọ ga-ebipụ site na ihe nchọgharị, dị ka iwu si guzobere CSS. Ahazi nkuku - n'anya Mmepụta, n'agbanyeghị squareness nke isi iyi ihe onwunwe.

Atụmatụ HTML, CSS si nchọgharị

Welcome Style ndekọ N'ogbe - niile nchọgharị ozugbo. Agbanyeghị classic atụ n'isiokwu bụ "ndị CSS: mechie nkuku" enye dee otú ahụ:

ndabere: # FF7F00; / * Background * /

ókè-ala: 1px #CCCCCC siri ike; / * Border * /

-moz-ókè-ala-okirikiri: 10px; / * CSS mechie nkuku maka Mozilla Firefox * /

-webkit-ókè-ala-okirikiri: 10px; / * ... maka Safari na Chrome * /

-khtml-ókè-ala-okirikiri: 10px; / * ... Konquerer * /

ókè-ala-okirikiri: 10px; / * The CSS mechie nkuku niile * / na na. N.

Otú ọ dị, ọtụtụ mgbe ọ bụ iji dee ikpeazụ na-achị. Redundancy ga-eji naanị mgbe e nwere ezigbo mkpa.

Omuma na ebube table

N'agbanyeghị ọtụtụ esemokwu na-akwado table layout (tr, td) na nhọrọ nke iji div tags na-adịru ( «ebube" layout), ebumnobi omume kwadoro nhọrọ mkpa.

Na divs nwere ụfọdụ ùgwù na ndị ọzọ na tebụl. Ọ bụrụ na ha adịghị zuo ezu onye ọ bụla ọzọ, na dị nnọọ mpi, ajụjụ gaara ngwa ngwa Takọọ n'otu version na-agwakọta nke kacha mma akụkụ nke tebụl na divs.

Ọtụtụ n'ime ndị na saịtị kere iji CMS (ọdịnaya management usoro), na na-na mkpofu nke Mmepụta Ọ bụghị naanị a dịgasị iche iche nke "ibu" datasets nke ọtụtụ narị nchekwa, ihe, ma na-tebụl.

Tag [div | adịru], dị ka ndị dị otú ahụ, anaghị kwụpụta, ma naanị ihe na-abịa kpọmkwem zuru ebere nke Mmepụta - a CSS akankà. Na ihe ọ bụla CMS n'ụzọ doro anya ekewapụ koodu, akụkụ nke ya na Mmepụta si creativity na ha onwe ha n'ụdị nke kwukwara style, na na ikpe nke mgbanwe (eg, CSS - ịchịkọta nkuku nke table), ị nwere ike mgbe niile weghachi ntọala na na ndabere ekwekọghị.

Arụchi na akụkụ bụghị kpuchie site syntax

I nwere ike nditịm erube niile iwu nke HTML, CSS, ma ka nwere a N'ihi ya, ha na-adịghị nyere. Superimposing ọcha ọ bụla ọzọ, ọ bụ omume na-enweta ọ bụla n'ógbè ọ bụla nhazi. Iji PHP-mmepe na ihe nkesa, ị nwere ike izipu na esenowo nchọgharị na bụla style faịlụ itinye ha kwesịrị ekwesị JavaScript koodu ke idem nke HTML-faịlụ ma ọ bụ a dị iche iche JS-file.

Ọ bụla circuit variant, ụdị ọ bụla nke ihe onwunwe mmewere bụ CSS iwu! Ahazi nkuku - nanị akpan akpan, na ezigbo ohere dị ukwuu wider. Na nke a, mmemme gị ihe, ị nwere ike bụghị ntị ka e ji mara onye nchọgharị, na-eji naanị tags na Ọdịdị nke hypertext nweghị asụsụ, nke a na-aghọta site na niile, na-enweghị isịneke nchọgharị.

Iji echiche nke ihe na-abara mmemme, ị nwere ike chepụta anya nke a n'akụkụ ma ọ bụ a usoro-doro anya na ụzọ hụ site ọ bụla nchọgharị iche-iche. Na nke a, ọ dịghị mkpa na a ga-abụ akụkụ nke ebe, nke bụ na mbụ a akụkụ anọ udi. Ọ dị mkpa na mmiri nke usoro kọwara n'ụdị CSS iwu, jikọtara otu visual JavaScript ihe koodu na na nri oge na-nri ebe nchọgharị, na-egosipụta onwe ya na ziri ezi ọdịdị.

Nke a technology anaghị egbochi ndị dị otú ahụ ihe na-aghọta onwe ha a atọ akụkụ ụgbọelu ma ọ bụ show-aga aga.