Dojukọ: CSS-akọkọ

Nigbati awọn ifilelẹ ti awọn iwe ni igba pataki lati ṣe a ti dojukọ CSS-ọna: fun apẹẹrẹ, lati ile-ni akọkọ kuro. Nibẹ ni o wa ni ọpọlọpọ awọn solusan si isoro yi, kọọkan ti eyi ti yoo pẹ tabi ya ni lati lo eyikeyi coder.

Mö ọrọ to-iṣẹ

Igba fun ohun ọṣọ ìdí o fẹ lati ṣeto awọn ọrọ ti dojukọ, CSS ninu apere yi, lati din akoko ti igbọwọle-. Tẹlẹ yi a ṣe nipa lilo HTML-eroja, ṣugbọn nisisiyi awọn bošewa ti a beere lati mö awọn ọrọ pẹlu awọn ara dì. Ni idakeji si awọn Àkọsílẹ fun eyi ti o fẹ lati yi awọn ita òwú ni CSS titete ọrọ ni aarin wa ni ṣe pẹlu kan nikan ila:

• ọrọ-mö: aarin;

Eleyi ohun ini ti wa ni jogun o si kọja lati obi si gbogbo awọn ọmọde. O ni ipa lori ko nikan ni ọrọ sugbon tun si awọn eroja. Fun idi eyi, ti won yẹ ki o wa lowercase (eg, igba) tabi kana-Àkọsílẹ (eyikeyi awọn bulọọki ti o pato àpapọ ini: Àkọsílẹ). Awọn igbehin aṣayan tun faye gba o lati yi awọn iwọn ati ki o iga ti awọn ano, diẹ rọ iṣeto ni ti awọn indentation.

ojúewé igba mö ro ara awọn tag. Eleyi lẹsẹkẹsẹ mu ki awọn koodu invalid, niwon W3C ti gba mö ro ti atijo. Lilo o lori a iwe ti ko ba niyanju.

dojukọ Àkọsílẹ

Ti o ba fẹ lati ṣeto awọn titete ti awọn ipin ni aarin, CSS le pese oyimbo kan itura ọna: awọn lilo ti ita òwú ala. Òwú le ti wa ni pato bi awọn Àkọsílẹ eroja, ki o si ila-Àkọsílẹ. Svoysva iye yẹ ki o wa 0 (inaro òwú), ati auto (laifọwọyi indentation nâa):

• ala: 0 auto;

Bayi ni yi aṣayan ti wa ni mọ bi Egba wulo. Lilo ita òwú tun faye gba o lati ṣeto awọn titete ti awọn ile-: CSS-ala ini gba wa lati yanju ọpọlọpọ awọn isoro ni nkan ṣe pẹlu aye ano lori iwe.

Titete ti awọn osi tabi ọtun eti ti awọn Àkọsílẹ

Ma CSS-ọna ko ni beere titete ti awọn ile-, sugbon o jẹ pataki lati fi awọn tókàn meji ohun amorindun, ọkan lati apa osi ati awọn miiran - lati ọtun. Fun yi nibẹ ni leefofo ini, eyi ti o le mu ọkan ninu awọn mẹta iye: osi, sọtun tabi kò si. Jẹ ká sọ o ni meji awọn bulọọki ti o yẹ ki o wa gbe ẹgbẹ nipa ẹgbẹ. Ki o si awọn koodu ti wa ni bi wọnyi:

• .left {leefofo: kù;}
• .right {leefofo: ọtun}

Ba ti wa ni a kẹta Àkọsílẹ, eyi ti o gbọdọ wa ni be labẹ awọn akọkọ meji ohun amorindun (e.g., ẹlẹsẹ), ki o si o jẹ pataki lati forukọsilẹ ko ẹya-ara:

• .left {leefofo: kù;}
• .right {leefofo: ọtun}
• ẹlẹsẹ {ko o: mejeeji}

O daju wipe awọn ohun amorindun pẹlu awọn kilasi ti osi ati ọtun isubu jade ninu awọn lapapọ sisan, ti o ni, gbogbo awọn miiran eroja bikita awọn gan aye ti eroja deedee. Ini ko o: mejeeji faye gba ẹlẹsẹ Àkọsílẹ tabi eyikeyi miiran han precipitated lati awọn sisan ẹyin ati fàye ewé (leefofo) lori mejeji osi ati ki o ọtun. Nitorina, ninu wa apẹẹrẹ, awọn ẹlẹsẹ ti wa ni nipo sisale.

inaro titete

Nibẹ ni o wa igba ibi ti ko to lati ṣeto awọn titete ti awọn aarin ti awọn CSS-ọna, o gbọdọ tun yi inaro si ipo ti awọn ọmọ Àkọsílẹ. Eyikeyi ila tabi kana-Àkọsílẹ ano le ti wa ni e lodi si awọn oke tabi isalẹ eti, be ni arin ti awọn obi ano tabi wa ni ẹya lainidii ipo. Julọ igba beere titete ti awọn aarin ti awọn Àkọsílẹ, ti o nlo inaro-mö ro. Sawon nibẹ ni o wa meji awọn bulọọki, ọkan iteeye laarin awọn miiran. Ni yi abe kuro - kana-Àkọsílẹ ano (àpapọ: opopo-Àkọsílẹ). O jẹ pataki lati mö inaro Àkọsílẹ ọmọ:

• titete ti oke ààlà - .child {inaro-mö: oke};
• dojukọ - .child {inaro-mö: arin};
• titete ti awọn isalẹ eti - .child {inaro-mö: isalẹ};

Ni Àkọsílẹ eroja iwe ọrọ-mö, tabi inaro-mö ko ni waye.

Owun to le awọn iṣoro pẹlu deedee sipo

Ma ipin mö aarin ti awọn CSS-ọna le fa kekere kan wahala. Fun apẹẹrẹ, nigba lilo a leefofo: fun apẹẹrẹ, nibẹ ni o wa mẹta ohun amorindun: .first, .second ati .third. Awọn keji ati kẹta ohun amorindun dubulẹ ni akọkọ. Ohun ano pẹlu kan kilasi keji osi-deedee, ati awọn ti o kẹhin Àkọsílẹ - lori ọtun. Lẹhin ti aligning awọn meji silẹ lati odò. Ti o ba ti awọn obi ano ni ko telẹ iga (eg, 30em), o yoo gba sile lati na isan iga ti oniranlọwọ sipo. Lati yago fun yi aṣiṣe, lo "spacer" - pataki kan kuro, eyi ti o ri .second ati .third. CSS-koodu:

• .second {leefofo: osi}
• .third {leefofo: ọtun}
• .clearfix {iga: 0; ko o: mejeeji;}

o jo igba ti lo: lẹhin, eyi ti o tun gba lati pada awọn ohun amorindun sinu ibi nipa ṣiṣẹda psevdorasporki (ni awọn apẹẹrẹ ni awọn ipin pẹlu kilasi da inu awọn eiyan ati marundinlogun a .first .left ati .right):

• .left {leefofo: osi}
• .right {leefofo: ọtun}
• .container: lẹhin {akoonu: ''; àpapọ: tabili; ko o: mejeeji;}

Awọn loke awọn aṣayan - awọn wọpọ, biotilejepe nibẹ ni o wa diẹ ninu awọn iyatọ. O le ma ri awọn rọrun julọ rọrun ona lati ṣẹda psevdorasporki nipa adanwo.

Miran ti isoro nigbagbogbo konge akọkọ - titete ila-Àkọsílẹ eroja. Lẹhin ti kọọkan ti wọn a aaye ti wa ni afikun laifọwọyi. Mu awọn ti o iranlọwọ fun awọn ala ini, eyi ti o wa ni asọye nipa awọn odi indentation. Nibẹ ni o wa ona miiran, eyi ti o ti wa ni lilo kere nigbagbogbo, fun apẹẹrẹ, tun awọn fonti iwọn. Ni idi eyi, awọn ini ti awọn obi ano o aami font-iwọn: 0. Ti o ba ti wa ni be laarin ohun amorindun ti ọrọ, awọn ini ti ila-block eroja ti pada si awọn ti o fẹ font iwọn. Fun apẹẹrẹ, font-iwọn: 1em. Awọn ọna ti o jẹ ko nigbagbogbo rọrun, ki o ti wa ni Elo siwaju sii commonly lo version pẹlu ita ala.

Aligning ohun amorindun faye gba o lati ṣẹda lẹwa ati iṣẹ-ojúewé: gbogbo akọkọ ati akọkọ, ati awọn ipo ti de ni awọn ìsọ, ati awọn fọto lori ojula ti a kekere.