CSS Box: impromptu na mmetụta

Cascading style Ibé akwụkwọ (CSS) maka ya niile ezi uche mfe ime ka o kwe bụghị naanị ike a ikpọ imewe ngwọta, ma-enye ihe nke ata edinam, iṅomi arụmọrụ nke ahụ n'ezie koodu.

Ọ bụla visual mkpado HTML-akanye - a akụkụ anọ nke ebe a akpan akpan Ọdịdị na ọdịnaya. The mmewere mejupụtara ihe na-egosi nke na-achịkọta, size, padding, agba, font, font style, na otú pụta. Ụba CSS-mmewere ezipụta ha nwere ebe, a na-emi odude n'ime si ókè ya na ẹkedọhọde n'ime ebe a n'obosara.

syntax nkọwa

UBI pụrụ isi chọta mmewere kpọmkwem nrụtụ ikwu na elu akaekpe nke page (ekpe, top), hà na kwụ na vetikal ntụziaka (n'obosara, elu). All imewe na-aga aga ọcha na-mere na ụzọ abụọ "onwunwe: uru".

Description a na-eme ozugbo na page koodu fanye style ma ọ bụ na a dị iche iche faịlụ, na-atụ aka ya njikọ akwụkwọ. syntax:

#name {onwunwe: uru; onwunwe: uru; onwunwe: uru; ...}

ma ọ bụ

.name {onwunwe: uru; onwunwe: uru; onwunwe: uru; ...}

The aha nwere ike ịbụ p, ahụ, html, table, td ..., nke ahụ bụ aha nke HTML-nkè mkpado. Ka ike jikọọ kpọmkwem nkọwa nke style mmewere.

Tupu ị-eme ka elu m ide style,-afụ ụfụ ahụ otú ọ mere na-ewu ewu na saịtị, idebe page koodu, ma ọ bụ site na ịpị Ctrl-U ele ya ozugbo na ihe nchọgharị.

Isi parameters

N'ezie CSS etiti mmewere na-anọchi anya style (ókè-ala-style), agba (ókè-ala-agba), obosara (ókè-ala-obosara). Ọ nwere ike niile ike ikwu na otu ihe onwunwe - ókè. I nwere ike na-akọwa na onye ọ bụla etiti ókè onwe (ókè-ala-top, ókè-ala, ókè-ala-ekpe, ókè-ala-nri).

CSS etiti kọwara izugbe iwu nke cascading style Ibé akwụkwọ:

ókè-ala: 3px;
ókè-ala-agba: red;
ókè-ala-style: abụọ kụriri siri ike dotted.

Nke a nkọwa na-esetịpụrụ ókè-ala obosara nke 3 pikselụ, agba - acha uhie uhie, style n'akụkụ: elu n'akụkụ nke abụọ, nri - kụriri, siri ike na ala, ekpe - ebe.

ókè-ala-obosara: 1px 2px 4px 8px;
ókè-ala-agba: acha anụnụ anụnụ;
ókè-ala-style: dotted.

Ebe a, akụkụ nke ọ bụla dị n'akụkụ na-sequentially site n'elu, malite, agba - acha anụnụ anụnụ, na style - Abù.

ókè-ala-agba:-acha anụnụ anụnụ-acha ọbara ọbara akwụkwọ ndụ akwụkwọ ndụ nwa;

na a nkọwapụta, n'otu n'otu kpọmkwem na agba na nke ọ bụla. ókè-ala-onwunwe pụrụ ịgụnye multiple kwa, na akụkụ nke etiti nwere ike ịbụ gburugburu:

ókè-ala: 1px green siri ike;
ókè-ala-okirikiri: 0px 4px 8px 12px;
-moz-ókè-ala-okirikiri: 0px 4px 8px 12px;
-webkit-ókè-ala-okirikiri: 0px 4px 8px 12px;

Na-esi mee eku na CSS, ọ na-adabere na usability nke esenowo, n'ihi na-abụkarị stylistic mmetụta na-eji maka oru nzube, mgbe ọ dị mkpa ka na-egosi kpọmkwem ebe na size nke ebe na peeji nke.

Ọkpụrụkpụ nke etiti na nzube ya

Site na nkweta ọkpụrụkpụ nke etiti, i nwere ike iji px, pt, em ..., ma o kwesịrị iburu n'uche na ọ bụ mgbe niile n'ime ubi mmewere. O siri ike iche na etiti nwere a CSS imewe nzube, ma nyochawa ya bụ nnọọ uru ka a mata na ihe nke na peeji nke.

Ọ bụrụ na isi etiti na klas na-akpọchi, na anọghị ya, site na ikwu na ọ na pseudo-klas: Hover, ọ nwere ike na-egosi na esenowo nke page mmewere, mgbe ọ bụ òké cursor, dị ka ọ pụta ìhè a menu item. Mgbe ụfọdụ, ọ dị mkpa iji họrọ ihe site na ịpị image, ma ọ bụ ịdọrọ ihe ebe. Ọ bụ nnọọ adaba iji ntụpọ etiti, na ghara ịgbanwe mmewere uyen ma ọ bụ na ya.

Ụfọdụ ngwa achọ oke nke ebe nke na peeji nke, ma ọ bụ họrọ ihe maka inwekwu nhazi. Na nke a, n'oge nke click ike a div na a ókè-ala na dị ka ogologo dị ka onye ọbịa na-adịghị hapụ òké button, resize ya, na-egosi anya n'ihi nke oke.

n'èzí n'okpuru

CSS Nkuzi na-akpali nnọọ mmasị, dị ka bụ mkpa nke research codes peeji nke na-ewu ewu na saịtị. Otú ọ dị, nke ego ga-pụrụ iche, ọ ga-inwe ya ihu.

Nyere syntax nke CSS etiti adịghị enye ndị dị otú ahụ a dịgasị iche iche, dị ka ya n'onwe. Impromptu - a oké mmalite, na ihe ọ bụla na-egbochi a Mmepụta iwu ha eku. Karịsịa na niile rụzuru nke Internet technology na ike nke ẹdude ụkpụrụ nwere ọtụtụ ekwe echiche dabeere n'ezie adịghị ike nke ndị na-achị syntax, nke bụ (site definition) mgbe a nditịm iwu.

Karịsịa, ma ọ bụrụ na na guzosie akporo ụfọdụ ọcha, o yiri kwesịrị ekwesị ime otú emejuputara. Pụta ìhè onye tags na n'akụkụ na akụkụ nke a mpaghara, ị nwere ike nweta ihe ịtụnanya mmetụta. A na-ekenye nwoke ahụ maka, nwere ike ịmepụta ike page ọcha, na-agbanwe ọnọdụ, udi na ọdịnaya.