Kọmputa, Software
Bi o lati ṣe a jabọ-silẹ CSS awọn akojọ aṣayan
Loni a yoo ro awọn ibeere ti "Bawo ni mo se ṣẹda kan jabọ-silẹ CSS akojọ aṣayan?". O yẹ ki o sọ ni ẹẹkan ti yi ohun kan yoo wa ni ṣe lai pọ eyikeyi afikun owo. Ti o ni, awọn akojọ yoo wa ni da nikan pẹlu CSS ati HTML.
ikẹkọ
Lati ni kikun ye ohun ti o jẹ ni o ni awọn article, o nilo kekere kan bit lati gba acquainted pẹlu o tumq si ohun elo. Ṣugbọn ti o ba wa ni faramọ pẹlu o jo-kilasi, o le foo yi ìpínrọ. Nítorí náà, lati ṣẹda a inaro jabọ-silẹ CSS akojọ aṣayan, a nilo ohun ano bi «: rababa». Awọn jo «: rababa» le ti wa ni sọtọ si eyikeyi HTML tag. O faye gba o lati setumo awọn akoko nigbati ohun kan Rababa rẹ Asin. Fun apẹẹrẹ, a ti yàn ini: «a: rababa {awọ: pupa;}». Yi titẹsi tumo si wipe nigbati o ba rababa awọn Asin ti o wa pupa lori awọn awọn akoonu ti ti eyikeyi tag . O ti wa ni ye ki a kiyesi wipe yi o jo-ano ti wa ni tun inactivated. Nipa ona, «: rababa» ti jẹmọ iru eroja. Sugbon lati yi a yoo ṣẹda o jo CSS jabọ-silẹ akojọ.
ẹkọ
First, jẹ ki ká ni oye ohun ti a jabọ-silẹ akojọ. Labẹ yi definition n ni a pupo ti o yatọ awọn ọna ko o yatọ si ipalemo. Ni idi eyi, a yoo itupalẹ a be wa ninu ti awọn orisirisi nigbagbogbo han awọn ohun kan ati awọn orisirisi afikun (pamọ). Jẹ ki ká pari pẹlu awọn yii o si bẹrẹ si niwa.
- A ṣẹda awọn ifilelẹ ti wa akojọ. Lati ṣe eyi, HTML-koodu lebeli. Ṣẹda a iteeye akojọ:
-
- < / ul>. Nkankan bi yi o yẹ ki o wo bi rẹ jabọ-silẹ akojọ. CSS lati laja nigbamii. Ninu apere yi awọn ifilelẹ ti awọn akojọ oriširiši meta akọkọ awọn agbegbe ati meji paade.
- Tọju awọn iha-akojọ. Fun eyi ti a lo a stylesheet, setumo awọn wọnyi-ini: ul ul {àpapọ: kò si;} Eleyi yoo yọ awọn eroja ti awọn keji akojọ lati iboju.
- Ṣẹda a akojọ CSS, ju si isalẹ lati awọn ifilelẹ ti awọn akojọ. Awọn cascading ara sheets kọ awọn wọnyi ofin: ul Li: rababa ul {àpapọ: Àkọsílẹ;}. Yi titẹsi tumo si wipe nigbati awọn Asin jẹ lori awọn ano Li, eyi ti o ti wa ni be ni ul akojọ to han loju iboju ul (so). Ni akọkọ kokan, iru kan eni le dabi idiju ati airoju. Sugbon ni o daju, ohun gbogbo ni irorun.
- Lo yi ifilelẹ ara rẹ nipa sii awọn afi
- rẹ akoonu. O le yi awọn nọmba ti akojọ eroja.
ohun ọṣọ ayipada
Bi kete bi awọn ifilelẹ akojọ asayan akọkọ ti šetan, o le tẹsiwaju si ìforúkọsílẹ. Jasi, ọpọlọpọ awọn ni akọkọ ibi setan lati xo asami afihan awọn akojọ kan. Eleyi ni a ṣe nipa lilo a nikan ini CSS, eyun awọn akojọ-ara-iru. O nilo lati fi awọn wọnyi titẹsi: Li {akojọ-ara-Iru: kò si;}. Ki o si ti o le fi awọn fireemu ati ki o ṣe awọn lẹhin. Awọn aala ati lẹhin ran o pẹlu yi. Boya diẹ ninu awọn yoo ko fẹ awọn fa-mọlẹ akojọ yoo han bi ohun afikun akojọ, titari si ni kanna ipilẹ eroja. Lati fix yi, o le si ipo o. Lati ṣe eyi, cascading ara sheets kọ awọn wọnyi titẹsi: ul ul {ipo: idi; osi: 15px; ọtun: 15px; oke: 15px; isalẹ: 15px;}. Dajudaju, awọn iye ti o yoo lo ara rẹ. Ti o da lori ibi ti o fẹ lati ri awọn jabọ-silẹ akojọ aṣayan, CSS yoo pese ọpọlọpọ awọn ẹya ara ẹrọ diẹ ti o le fi awọn orisirisi igbelaruge ati ọṣọ wa akojọ.
ipari
Lekan si o jẹ tọ kiyesi awọn ikole ti awọn akojọ asayan akọkọ. Lati fi awọn CSS ofin lo ninu apere yi ifibọ iye, fun apẹẹrẹ, ul ul. Ti o ba ti o ba wa ni awọn iwe lati pade miiran iru be, nibẹ ni o le jẹ ńlá isoro. Ni awọn ipo, o nilo lati lo kan pato idi, fun apẹẹrẹ, selectors tabi id-ID. Awọn loke article akọkọ jabọ-silẹ akojọ ti a ṣe lati familiarize gbogbo oniru. Awọn iyokù ti awọn iṣẹ isimi lori rẹ ejika.
Similar articles
Trending Now