CSS Box: impromptu ati ipa

Cascading ara sheets (CSS) fun gbogbo awọn oniwe-mogbonwa ayedero ṣe awọn ti o ṣee ṣe nikan ko lati ṣẹda kan ti iyanu oniru ojutu, sugbon tun pese eroja ti gidi igbese, lati emulate awọn iṣẹ ti awọn gangan koodu.

Eyikeyi visual tag HTML-siṣamisi - a onigun merin agbegbe ti kan pato be ati akoonu. Ni ano ninu ohun itọkasi ti awọn ipoidojuko, iwọn, òwú, awọ, font, font ara, ati ki o jade. Fireemu CSS-ano so wọn tẹdo agbegbe, a be inward lati awọn oniwe-aala lori pataki ninu iwọn.

sintasi apejuwe

Aaye placement ano pàtó kan ipoidojuko ojulumo si oke osi loke ti awọn iwe (osi, oke), awọn iwọn ni petele ati inaro itọnisọna (iwọn, iga). Gbogbo oniru ati iwara eroja ti wa ni ṣe ni orisii "ini: iye".

Apejuwe wa ni ṣe taara ni awọn iwe koodu lati fi ara tabi ni a lọtọ faili, ntokasi si i RÁNṢẸ itọkasi. sintasi:

#name {ini: iye; ohun ini: iye; ohun ini: iye; ...}

tabi

.name {ini: iye; ohun ini: iye; ohun ini: iye; ...}

Awọn orukọ le tun ti wa ni p, ara, html, tabili, td ..., ti o jẹ awọn orukọ ti HTML-díjítà tag. Le wa ni ti sopọ taara pẹlu awọn apejuwe ti awọn ara ano.

Ṣaaju ki o to ṣe soke ara mi kikọ ara, ko ipalara lati wo bi o ti n ṣe lori gbajumo ojula, fifi awọn iwe koodu, tabi nipa titẹ Konturolu-U lati wo o taara ni awọn kiri ayelujara.

Awọn ifilelẹ ti awọn sile

Kosi CSS fireemu ano ni ipoduduro ara (aala-ara), awọ (aala-awọ), iwọn (aala-iwọn). O le gbogbo wa ni nsan ninu ọkan ohun ini - aala. O le ṣàpéjúwe kọọkan fireemu aala ominira (aala-oke, aala-isalẹ, aala-osi, aala-ọtun).

CSS fireemu se apejuwe nipa awọn gbogboogbo ofin ti cascading ara sheets:

ààlà: 3px;
àla-awọ: pupa;
àla-ara: ė fọ ri to ti sami.

Yi apejuwe kn ààlà iwọn ti 3 awọn piksẹli, awọ - pupa, ara mejeji: oke apa ti awọn ė, ọtun - fọ, ri isalẹ, osi - ojuami.

àla-iwọn: 1px 2px 4px 8px;
àla-awọ: bulu;
àla-ara: sami.

Nibi, awọn mefa ti kọọkan ẹgbẹ ni o wa tun sequentially lati oke, clockwise, awọ - bulu, ati ara - Aami.

àla-awọ: bulu pupa alawọ ewe dudu;

ni yi sipesifikesonu, leyo pàtó kan awọ lori kọọkan ẹgbẹ. aala ohun ini le ni ọpọ sile, ati awọn igun ti awọn fireemu le jẹ yika:

ààlà: 1px ewe ri;
àla-rediosi: 0px 4px 8px 12px;
-moz-aala-rediosi: 0px 4px 8px 12px;
-webkit-aala-rediosi: 0px 4px 8px 12px;

Lori bi o si ṣe awọn fireemu ni CSS, o da lori awọn lilo ti awọn alejo, nitori maa n ni stylistic ipa ti lo fun imọ idi, nigbati o jẹ pataki lati fi awọn gangan ipo ati iwọn ti awọn agbegbe lori awọn iwe.

Awọn sisanra ti awọn fireemu ati awọn oniwe-idi

Nipa yan awọn sisanra ti awọn fireemu, o le lo px, pt, em ..., sugbon o yẹ ki o wa ni igbe kakiri ni lokan pe o jẹ nigbagbogbo laarin awọn aaye ano. O ti wa ni soro lati ro wipe awọn fireemu ni o ni a CSS oniru idi, ṣugbọn tekinikali o jẹ gidigidi wulo lati saami awọn eroja ti awọn iwe.

Ti o ba ti awọn ifilelẹ ti awọn fireemu kilasi wa ni titiipa, ti o jẹ nílé, nipa seto o ni o jo-kilasi: rababa, o le han si awọn alejo ti awọn iwe ano, nigbati o jẹ awọn Asin kọsọ, gẹgẹ bi awọn fifi a akojọ kan. Nigba miran o jẹ pataki lati yan nkankan nipa tite lori awọn aworan, tabi fa nkankan ibikan ni. O jẹ gidigidi rọrun lati lo aami fireemu, ki o si ko lati yi awọn ano ká lẹhin tabi awọn oniwe-akoonu ti.

Diẹ ninu awọn ohun elo beere awọn ipin ti awọn agbegbe ti awọn iwe, tabi yan awọn ohun fun siwaju processing. Ni idi eyi, ni akoko ti awọn tẹ lati ṣẹda kan ipin pẹlu kan aala ati bi gun bi awọn alejo ko ni tu awọn Asin bọtini, resize o, fifi oju awọn esi ti o fẹ.

ita labẹ

CSS Tutorial ni o wa gan awon, bi awọn jẹ pataki ti iwadi koodu ojúewé ti gbajumo ojula. Sibẹsibẹ, awọn ara oro gbọdọ jẹ oto, o gbọdọ ni awọn oniwe-ara oju.

Pese awọn sintasi ti CSS fireemu ko ni fun iru orisirisi, bi awọn oniwe-ara initiative. Impromptu - kan nla ibere, ati ohunkohun idilọwọ a Olùgbéejáde lati kọ ara wọn fireemu. Paapa pẹlu gbogbo awọn aseyori ti Internet imo ati agbara ti wa tẹlẹ awọn ajohunše ni ọpọlọpọ awọn ileri ero da lori gidi shortcomings ti awọn ti wa tẹlẹ sintasi, ti o jẹ (nipa definition) ti nigbagbogbo ti a muna lodo.

Ni pato, ti o ba ti ati lati fi idi awọn dopin ti awọn eroja, o dabi yẹ lati ṣe bẹ comprehensively. Fifi kọọkan afi ni awọn mejeji ki o agbekale kan ti a ti ekun, o le gba iyanu ipa. A ni ojuse oludari handlers, le ṣẹda awọn ìmúdàgba iwe eroja, yiyipada awọn ipo, apẹrẹ ati akoonu.