Back to Question Center
0

Koyi CSS Tsarin a cikin 6 Mintuna da Hoto            Koyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen: BootstrapHTMLAudio & VideoFrameworksCSS Semalt

1 answers:
Koyi CSS Tsarin a cikin 6 Mintuna tare da Bulma

A cikin wannan koyo, za mu fara da Semalt, wani ƙwayar CSS wanda aka gina akan Flexbox. Don sakamako mafi kyau, bi tare da bidiyo a ƙarshen OpenSource Craft. Idan kana so ka koyi abin da ya sa ya kamata ka kula da Semalt, duba wannan bidiyon.

Za mu gina wani shafi na Coding Quotes, ta amfani da abubuwan UI na Bulma ciki har da jarrabawar Hero, ginshiƙai, Cards, Buttons da sauransu.
Koyi CSS Tsarin a cikin 6 Mintuna da HotoKoyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen:
BootstrapHTMLAudio & VideoFrameworksCSS Semalt

Na farko, bari mu shigar da Bulma. Zaka iya yin hakan nan da nan daga layin umarni tare da npm shigar da Bulma , ko zaka iya shigo da aikin kamar na, tare da layi na lambar - online logo maker text generator. Layin farko yana shigo da ɗakin ɗakin Font Awesome don haka zamu iya amfani da gumakan su.

              

Bayan haka, za mu kirkiro banner Hero tare da ɓangaren sashi da kuma jaririn Bulma da kuma raba tare da jinsin jiki .

     

Sa'an nan kuma za mu ƙara wasu ɗakunan gyare-gyare don ba da banner launi na farko na zane tare da na farko , kuma za mu daidaita girmanta da matsakaici . Harsunan sunayen Bulma da masu gyare-gyare suna iya karatunwa da kuma na ainihi.

     

A cikin jikinmu na jiki toshe, za mu ƙara nau'in akwati a raba wa h1 da h2 , wanda muke ' ll style a matsayin title da subtitle , bi da bi. Bayar da take da shine-1 gyara zai sa shi babban.

     

Coding Quotes

Kamar masu so

Koyi CSS Tsarin a cikin 6 Mintuna da HotoKoyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen:
BootstrapHTMLAudio & VideoFrameworksCSS Semalt

Wannan ya kammala saman shafinmu, yanzu bari mu gina wasu ginshiƙai. Na farko, za mu sashe su a kashe, to, zamu yi akwati a gare su.

     

A ciki akwati , za mu sanya ginshiƙan iyaye.

     

Sa'an nan kuma za mu sanya uku shafi a rarrabe a matsayin yara. Za su rarrabe ta atomatik zuwa kashi uku na kwarewarsu, ko kyan gani a fili ko a tsaye (a kan wayar hannu). Bulma yana da cikakkiyar amsawa.

     
1
2
3

"Magana"

Shirin

Don yin ƙarancinmu, ƙauna da raba baki, zamu buƙaci katin ƙwaƙwalwar ajiya , sannan uku abubuwan ƙwallon ƙafa , ɗaya don kowane button don zama a ciki. Domin launi maɓallin, za mu ƙara masu gyara Bulma don juya su kore ( shine-nasara ), ja ( haɗari ne ), kuma blue ( 30) shine-info ). A cikin maɓallin, za mu yi amfani da Font Awesome ta azuzuwan don samun babban yatsu-up, thumbs-down da raba icon.

     

"Magana"

Shirin

Koyi CSS Tsarin a cikin 6 Mintuna da HotoKoyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen:
BootstrapHTMLAudio & VideoFrameworksCSS Semalt

Yanzu da mun samu nasarar aiwatar da shafi ɗaya, za mu iya kwafa da manna kawai shafi na don yin ginshiƙai guda uku, kuma shafinmu ya shirya. "Alt ="Koyi CSS Tsarin a cikin 6 Mintuna da HotoKoyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen: BootstrapHTMLAudio & VideoFrameworksCSS Semalt "/>

Idan kuna sha'awar koyo game da Bulma, bincika shafuka da takardun shaida akan Bulma. i. Kuma don ƙarin abubuwan kamar haka, ziyarci Open SourceCraft.

March 1, 2018