Kwamfutocin, Shirye-shirye
CSS, na karya, na karya: Santa, yaro, manufa
By hada HTML da CSS, za ka iya sarrafa cikakken dukan abubuwa na Web pages. Tare da styles zaka iya canza look daga wani block ko line. Sau da yawa coder bukatar yin wani hadadden aiki - canza look daga cikin kashi kanta ba, kamar yadda a raba kashi ko wani musamman jihar. A wannan yanayin, da taimakon na karya CSS.
Sashin aiki a kan wannan manufa kamar yadda na yau da kullum azuzuwan a cikin markup, amma jiki da ba su gabatar a nan. Su za a iya zaba a kan tushen da abubuwa ba kunshe a cikin daftarin aiki bayanai, wanda ba zai zabi saba mai zaɓin. A nan ne mai sauki misali: kana da wani ja button, kuma kana so ka a lokacin da ka Tsayar da shi ya zama blue. Rubuce, shi za a iya aiwatar a JavaScript, amma me ya sa yake haka da wuya? Fiye dace don amfani mai : Tsayar CSS. Tare da taimakon da za ka iya ba wani naúrar da sigogi da cewa za a jawo kawai a lokacin da kibiyar linzamin kwamfuta.
List of CSS na karya-azuzuwan aka kai a kai sabunta. Watakila, yayin da ka karanta wannan abu, da dama sabon bayyana. Don fara, la'akari da wadanda cewa ya bayyana a cikin CSS3 jaddadawa.
: Nth-na-type
Misali kana da wani jerin a wadda ka ke so ka yi amfani da alternating launuka, watau, na farko line ne, misali, rubuta a ja haruffa, da kuma na biyu - .. Blue, ja sake uku, hudu sake a blue. A baya can, ka yi don ƙirƙirar sabuwar azuzuwan. Layout na baya kara zuwa kowane kashi a kan wani aji jerin, sa'an nan canza su bayyanar a cikin manhajan. Yana ba ma dadi da kuma gur ~ layout.
Yanzu duk abin da ya fi sauki. Yi amfani da CSS na karya-aji: nth-na-type. Wannan zai ba da dama don samun ake so gani sakamako, ba tare da canza wani abu a cikin markup. A manufa ne mai sauki: ka shigar da wani mai zaɓin, da kuma cikin baka bayan da sunan rubuta wani dabara ko wani keyword cewa zai sami da ake bukata abubuwa. Alal misali ,: nth-na-type (ko da) zai duk ko da abubuwa, da kuma: nth-na-type (m) - da m. Akwai wani babban yawan dabarbari ana amfani da su daidai sarrafa. The baka nuna yiwu yawan - a cikin wannan harka styles za a yi amfani da kashi wanda index ne daidai wannan lambar.
: Nth-yaro
Wannan CSS na karya-aji a kan manufa da mataki ne mai kama da na baya daya, amma sabanin yana aiki na musamman tare da yara da aka zaba abu. Alal misali, idan kana son ka yi amfani da shi don siffanta bayyanar ne iyaye
Domin daidai iko da dabara za a iya amfani da su. Su ne quite wuya ga wani mafari, amma yana da daraja kadan zurfi a cikin ginin kalma da yadda duk abin da ya zama sauki. A dabarbari ne kamar haka: wani + b, inda wani - shi ne mai factor, kuma b - biya diyya. Alal misali, idan a cikin zance nuna n, da na karya-ance duk yaron abubuwa (domin shi ne ba a kayyade ba ƙarin sharuddan a cikin wani nau'i na da b). Idan ka saka n + 2, duk cikin abubuwa fãce farko (saboda biya diyya ne, sunã daidaita da biyu) za a zaba. Mafi alhħrin, wannan lokaci ya yi nazarin a yi. Gwaji tare da yaron aka gyara da kuma daban-daban dabarbari.
: Last-yaro
Duk abin da yake mai sauki. CSS yaro na karya-azuzuwan ana amfani da su zabi wani musamman abu. Wannan ance karshe yaro na iyaye bangaren. Ana amfani da quite sau da yawa, misali, don zaɓar karshe jere daga cikin tebur ko cire indentation daga karshe block don kauce wa ta canja wuri zuwa layin gaba.
: Nth-karshe-yaro
By da manufa na aiki ne kama da aka ambata a baya nth-yaro, amma abubuwa a gaban shugabanci, watau. E. Lokacin amfani abubuwa za ta motsa sama. Wannan na da amfani idan kana bukatar ka sami karshe 'yan abubuwa.
Za ka iya tunanin cewa wadannan na karya-azuzuwan da kuma na karya-abubuwa CSS m, tun da za ka iya samun abubuwa yi kyau da al'ada azuzuwan. Wannan ba haka ba. : Nth-yaro ,: nth- karshe-yaro da su analogs ne sosai dace a lõkacin da aiki a kan manyan ayyukan - alal misali, a lokuta inda block yana da wata babbar yawan yara. Da hannu shirya azuzuwan dogon da wuya.
Sashin jihar iko
Abin da idan kana bukatar ka canja bayyanar wani kashi a cikin wani musamman jihar? Wannan harka samar da CSS na karya-danna, nuna da kuma sauran ayyukan. Bari mu bincika su daki-daki.
: mahada
Wannan na karya CSS nassoshi, ba duka, amma waɗanda cewa ba tukuna ziyarci. A da shi ba za ka iya saka styles for abubuwa , ga abin da mai amfani ya ba tukuna wuce.
: ziyarci
An analogue na baya embodiment, wanda kawai iko riga ziyarci links. Hada wadannan biyu na karya-azuzuwan, za ka iya siffanta bayyanar tags daidai kamar yadda ka bukata. Lura, duk da haka, da cewa jihohi ana lasafta ga takamaiman bincike da kuma dakatar bayan lura tarihi.
A na karya-aji: manufa CSS
Daya daga cikin mafi ban sha'awa na karya-azuzuwan, wanda idan amfani da wasu har ya maye gurbin yin amfani da JavaScript. Yana damar iko da cewa ganowa kunshe a jere adireshin da page. Eh, na farko lokacin da yana da wuya a gane. Ka yi kokarin parse da misali.
Bari mu ce mu ne a kan page 3 tubalan rara tare da wasu id: id1, id2, id3. Mun kuma da uku links to daidai dabi'u href: # id1, # id2, # id3. A lokacin da ka danna a kan na farko mahada a jere adireshin da page bayan da mahada zuwa ga daidai id zai zama page kanta.
A CSS ga dukkan tubalan rara kayyade dukiya nuni: m, wato, su ba su nuna ta tsohuwa. Mun yi amfani da manufa: rara, kuma ba shi da wani dukiya nuni: block. Yanzu, lokacin da ka danna a kan links tare da wasu da href, tubalan da daidai id za a sanya wa nuni: block, sabili da haka, za su fara bayyana a kan page! A lokacin da ka danna mahada zuwa href = http: // site / labarin / 319683 /% E2% 80% 9D # id1% E2% 80% 9D zai toshe tare da id1, kuma haka a kan ..
Har yanzu ba su fahimci wani abu? Gwada gwaji. Ƙirƙirar page layout da kuma styles aka bayyana a sama. Bayan 'yan mintoci kana da mai girma adadi kome daga.
Na karya cewa za a iya amfani da wani kashi
Mafi yawa daga cikin sama-aka bayyana a na karya-links da ake bukata domin aikin. Duk da haka, ba duk abubuwa bukatar . Da dama embodiments za a iya amfani da wani ɓangare na page gaba daya.
- : Aiki da ake amfani da salon abubuwa a kan abin da mai amfani yana kaɗawa hagu linzamin kwamfuta button.
- : Santa - CSS ga abubuwa to abin da mai amfani hovers a kan;
- : Mayar da hankali - domin wadanda sassa na page, wanda yanzu a mayar da hankali. Wannan na karya-aji ne sau da yawa amfani da su yi aiki tare da siffofin. Alal misali, idan kana so ka zabi User Name m, a lokacin da mai ziyara ya kafa siginan kan shi da kuma farawa da bugun kiran haruffa.
Ka tuna cewa: aiki ne kawai inganci a lokacin latsa. Nan da nan bayan ƙarshe na hagu linzamin kwamfuta button aka kafa tare da taimakon styles zai bace da kuma abu za a nuna a matsayin shi ne nuna ta tsohuwa. A mafi yawan lokuta, wannan na karya-aji da ake amfani da aiki tare da mashiga. Za ka iya saita su zuwa manyan yawan jihohi. Alal misali, tsoho button ne blue, Santa - kore, latsa - ja, da dai sauransu ...
Hakika, kawai na karya-azuzuwan suna da cikakken goyan bayan da zamani bincike. Alal misali, a IE6 da 7 za su iya yin amfani da mayar da hankali, da kuma Santa da kuma aiki kawai don reference aiki a IE6. Da fatan, za ka ba da yin aiki tare da wadannan masu bincike, amma idan ka har yanzu bukatar tashi, yi amfani da matukar comments.
ƙarin na karya
The zažužžukan da aka jera a sama jerin bai daina akwai. Kawai hada abubuwa za a iya gano godiya ga zamani CSS (: kunna) ko kawai yanke (: naƙasasshe), kawai sauya alama akwati da kuma rediyo (: bari). A takaice bayyana 'yan ƙarin zaɓuɓɓuka cewa za ka iya amfani da wani karin cikakken ikon bayyanar ciki.
- : Kawai-yaro - flushes yiwu a yi amfani da salon da rabi wanda shine kawai yaro kashi.
- : Lang - yi aiki tare da abubuwa da cewa sun ba da harshen amfani da lang sifa.
- : Tushen - yi amfani don zaɓar tushen kashi. Haka kuma, irin wannan HTML tag ne ;
- : Ba - wani iko sosai a kayan aiki. Yana ba ka damar ƙuntata amfani da wasu styles na zaba. Ga wani misali: .blue-launi: ba (span ). A mai zaɓin don amfani mai style ga duk abubuwa da aji blue-launi, idan sun kasance ba .
Cikakken jerin Sashin azuzuwan ba za a iya miƙa a kan daya page. Mai yanar gizo zanen kaya amfani a yi, kawai wasu daga cikinsu, fifita su gudanar da yanayin da JavaScript. Eh, yana da dace, amma akwai wasu lokuta inda mafi tasiri da sakamakon za a iya cimma sauki, ta amfani da ya dace na karya.
Similar articles
Trending Now