CSS zaba. daban na zaba

A harshen for kwatanta bayyanar da CSS daftarin aiki ne kullum gwamnatin. A tsawon lokaci, da kara ba kawai da ikon da kuma ayyuka, kuma qara da sassauci da kuma sauƙi na amfani.

CSS zaba

Mun fara fahimtar. Bude wani CSS tutorial, akalla daya sashe na shi za a kishin iri zaba. Wannan ba abin mamaki bane kamar yadda su ne daya daga cikin mafi m hanyoyin da za a sarrafa ciki shafukan. Tare da su taimako, za ka iya hulɗa tare da cikakken wani HTML abubuwa. Yanzu akwai 7 iri zaba:

• to tags;

• domin azuzuwan.

• ga ID.

• duniya.

• halaye.

• to amsa tare da na karya-azuzuwan.

• don sarrafa na karya.

A ginin kalma ne mai sauki. Don koyon yadda za ka yi amfani da CSS zaba, karanta isa game da su. Wanne zaɓi ne mafi kyau ga iko da abun ciki a cikin akwati? Ka yi kokarin fahimtar.

zaba tags

Wannan shi ne mafi sauki version, wanda ba ya bukatar musamman ilmi rubuta. Don sarrafa tags, kana bukatar ka yi amfani da su sunan. Yi tsammani cewa "hula" your site ne a nannade cikin wani tag . Don sarrafa shi a cikin CSS ka bukatar amfani da BBC {} mai zaɓin.

Abũbuwan amfãni - sauƙi na amfani, versatility.

Disadvantages - cikakken rashin sassauci. A misali a sama za a zaba da zarar duk tags BBC. Amma abin da idan ka bukatar ka sarrafa daya kawai?

aji zaba

Mafi na kowa bambanci. Tsara don sarrafa tags tare da sifa aji. Misali, a cikin code, akwai uku block , kowanne daga abin da kuke so kafa wani takamaiman launi. Yadda za a yi da shi? Standard CSS zaba ba su dace ga tags, sun nuna sigogi ga dukkan tubalan a lokaci daya. A bayani ne mai sauki. Sanya aji members. Alal misali, da farko samu rara aji = 'ja', na biyu - aji = 'blue', na uku - aji = 'kore'. Yanzu sun za a iya zaba ta amfani da CSS Tables.

A ginin kalma ne kamar haka: Nuna wani batu ( "."), Biye da rubutu da sunan aji. Don sarrafa farko naúrar, amfani da shiri .red. Na biyu - .blue da sauransu.

Muhimmanci! An shawarar yin amfani da ma'ana dabi'u na aji sifa. An dauke bad form don amfani kalma da wani harshen (misali, krasiviy-blok) ko bazuwar haduwa da haruffa / lambobi (ojfh834871). A wannan code, ku da ake daure su samu rikice, ba a ma maganar da matsaloli da cewa za su fuskanci waɗanda za a tsunduma a cikin aikin bayan ka. A mafi wani zaɓi - don amfani da wani hanya, kamar BEM.

Abũbuwan amfãni - mun gwada da babban sassauci.

Disadvantages - mahara abubuwa yana iya zama daya da kuma guda aji, wanda ke nufin cewa su za a shirya a lokaci guda. Matsalar da aka warware ta amfani da hanya, kazalika da gādon preprocessors. Tabbata a samu hannuwanku kasa, sass ko wasu sauran preprocessor, suka ƙwarai rage wuya da aiki.

ID mai zaɓin

Game da wannan version ra'ayi coders da kuma shirye-shirye ne shubuha. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. Wasu CSS Koyawa ba da shawarar yin amfani da ID, saboda a m aikace-aikace da suke iya haifar da matsaloli tare da gādo. Duk da haka, kwararru da yawa ne rayayye jera su a ko'ina cikin layout. Ka yanke shawara. # »), затем имя блока. A ginin kalma ne kamar haka: a kore alamar ( "#"), sa'an nan da sunan block. #red. Alal misali, #red.

отличается от класса по нескольким параметрам. ID ne daban-daban daga cikin aji a hanyoyi da dama. ID. Na farko, da page ba zai iya zama biyu m ID. Suna sanya wani suna na musamman. Abu na biyu, irin wannan mai zaɓin yana da mafi girma fifiko. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. Wannan yana nufin cewa idan ka saka a naúrar aji ja da saka a CSS alluna ja baya launi, sa'an nan sanya rabõ ga shi wannan id blue da kuma saka da launin shudi, naúrar za su juya blue.

Abũbuwan amfãni - za ka iya sarrafa takamaiman kashi, kyalewa styles na tags da kuma azuzuwan.

ID и class. Disadvantages - sauki samun ɓace a babban adadin ID da kuma aji.

Muhimmanci! ID вам, в общем-то, не нужны. Idan kana amfani da BEM hanya (ko ta analogues), ID zuwa gare ku, a general, ba su da ake bukata. Wannan dabara shafi yin amfani da layout na musamman azuzuwan cewa, fiye da m.

duniya mai zaɓin

{}. Ginin kalma: Starlets alamar ( "*") da kuma Katakon, watau, {*} ...

Amfani da sanya wasu sifofi da zarar duk abubuwa na page. A lokacin da wannan zai iya zama da amfani? box-sizing: border-box. Alal misali, idan kana son ka saita page dukiya akwatin-sizing: iyaka-akwatin. div *{}. Ba za a iya kawai a yi amfani da su gudanar da duk aka gyara daga cikin daftarin aiki, amma kuma don sarrafa duk yara na kayyade block, misali, rara * {}.

Abũbuwan amfãni - za ka iya sarrafa babban yawan abubuwa a lokaci guda.

Fursunoni - bai isa ba m da wani zaɓi. Bugu da kari, da yin amfani da wannan mai zaɓin, a wasu lokuta rage gudu da page aiki.

da halayen

Sa ya yiwu don sarrafa kashi tare da wani takamaiman sifa. Alal misali, kana da wani yawan shigar da tags tare da wani daban-daban sifa irin. Daya daga cikinsu - rubutu, na biyu - da kalmar sirri, da uku - lambar. Hakika, za ka iya saita kowane aji ko ID, amma shi ne ba ko da yaushe m. CSS zaba daga halayen sa shi yiwuwa a saka dabi'u ga wasu tags tare da iyakar daidaici. Alal misali, kamar wannan:

shigar [irin = 'rubutu'] {}

Wannan mai zaɓin zai zabi duk halayen da irin shigar da rubutu.

A kayan aiki ne quite m, kuma za a iya amfani da wani daga cikin tags, a cikinsa akwai iya zama halaye. Amma dai ba duka! A CSS jaddadawa yana da ikon sarrafa abubuwa da ya fi dacewa da!

Tunanin cewa your page yana shigar da sifa Salon gyaran = "Shigar da sunan" da kuma shigar Salon gyaran = "Shigar da kalmar sirri". Su kuma za a iya zaba ta amfani da mai zaɓin! Don yin wannan, yi amfani da wadannan tsarin:

shigar [Salon gyaran = "Shigar da sunan"] {} ko shigar [Salon gyaran = "Shigar da kalmar wucewa"]

Zai yiwu mafi m aiki tare da halayen. Bari mu ce kana da wani yawan tags tare da irin wannan halaye suna (misali, "Caspian" da "Caspian"). Don zaɓar duka biyu, yi amfani da wadannan zabe:

[Title * = "Kaspiysk"]

CSS zai zabi duk abubuwa a cikin suna daga wanda akwai alamu na "Caspian", watau. E., Kuma "Caspian" da "Caspian".

Zaka kuma iya zabi tags cewa za a fara da wasu harafin halaye:

[Title ^ = "harafin da kake so"] {}

ko ƙarasa su:

[Title $ = "dama harafin"] {}.

Abũbuwan amfãni - iyakar sassauci. Zaka iya zaɓar wani data kasance page abubuwa ba tare da messing da azuzuwan.

Disadvantages - yi amfani gwada da wuya, kawai a takamaiman lokuta. Mutane da yawa yanar gizo zanen kaya fi son zuwa hanya, tun da ma'ana aji da sauki fiye da shirya yawa square baka da ãyõyi "daidai". Bugu da kari, wadannan zaba ba ya aiki a Internet Explorer versions 7 da kasa. Duk da haka, waɗanda a yanzu su bukatar da tsohon Internet Explorer?

Sashin aji zaba

Suturta mutum na karya-matsayi kashi. Alal misali ,: Santa - abin da ya faru da wani ɓangare na page idan ka Tsayar ,: ziyarci - da ziyarci mahada. Yana kuma ya hada da abubuwa kamar su: na farko-yaro da: karshe-yaro.

Wannan irin mai zaɓin ne rayayye a yi amfani da zamani layout, saboda godiya ga shi ba za ka iya yin wani page "live" ba tare da yin amfani da JavaScript. Alal misali, kana so ka tabbatar da cewa a lokacin da ka Tsayar kan button da aji na btn ta launi canza. Don yin wannan, za mu yi amfani da wadannan tsarin:

.btn: Santa {

bango-launi: ja.

}

Beauty za a iya kayyade a cikin na asali Properties daga cikin button, da miƙa mulki da dukiya, misali, 0.5s - a cikin wannan harka, da button ba zai blush nan take, kuma a cikin rabin wata na biyu.

Falalan - an yadu amfani ga "Tarurrukan" shafukan. Easy don amfani.

Disadvantages - su ne ba. Wannan shi ne da gaske m kayan aiki. Duk da haka, bai gogu da duniya yanar gizo zanen kaya iya samun ɓace a cikin yalwa daga Sashin azuzuwan. Matsalar da aka warware nazari da kuma yi.

Sashin zaba

"Na karya" - wadannan ne sassa na page cewa ba a HTML, amma su har yanzu za a iya gudanar. Za ka gane ba? Yana sauƙin fiye da alama. Alal misali, kana so ka sa harafin farko a cikin kirtani babban da kuma ja, da barin sauran kananan da kuma baki da rubutu. Hakika, shi za a iya ƙarasa da cewa wasika a wani span tare da wasu aji, amma yana da tsawo da kuma m. Yana da sauƙin don zaɓar dukan sakin layi da kuma amfani na karya :: farko-wasika. Yana bada damar sarrafa bayyanar da harafin farko.

Akwai quite babban adadin na karya-abubuwa. Lissafa su a cikin guda labarin ne mai wuya ga nasara. Za ka iya samun dacewa bayanai a ka fi so search engine.

Abũbuwan amfãni - samar da sassauci ga siffanta look na page.

Disadvantages - sabon musu ne sau da yawa rude. Mutane da yawa zabe na irin wannan aikin kawai a wasu bincike.

don takaita

Mai zaɓin - mai iko kayan aiki ga daftarin aiki kwarara iko. Godiya ga shi, za ka iya zaɓar kowane guda bangaren na page (akwai ma kawai partially). Tabbata ga koyi duk zažužžukan samuwa, ko rubuta su saukar. Wannan ne da muhimmanci musamman idan ka ƙirƙiri hadaddun shafukan da wani zamani zane da kuma kuri'a na m abubuwa.