>> [MUSIC kucheza]
ALLISON BUCHHOLTZ-AU: Hivyo sisi ni kimsingi tu kwenda
kukupa rundown ya CSS, kwa sababu tunajua
kwamba si kufunikwa katika sehemu zote.
Na sisi kweli wanataka kuhakikisha kuwa wewe guys kuwa chombo hiki ovyo wako,
kwa sababu ina uwezo wa kufanya tovuti yako kuangalia sana prettier.
>> Na kama wewe ni kujenga tovuti, basi pengine unataka kufanya hivyo pretty.
I mean, wewe huna, lakini ningependa kupendekeza hilo. [Anacheka]
Kama unataka watumiaji kutumia hiyo, unaweza wanataka kufanya hivyo kidogo [inaudible].
Hivyo sisi ni kwenda kujaribu na kukupa tu zana baadhi ya msingi na akili,
hivyo kwamba wakati wewe kwenda nje na wewe ni kutafiti mambo kuhusu CSS,
siyo kukamilisha gibberish, kama CSS wakati mwingine kuwa.
>> TOMAS Reimers: Yeah.
Allison alisema pretty vizuri.
Kwa hiyo mimi nadhani jambo la kwanza sisi lazima kuanza na ni nini CSS?
Hivyo CSS ni wa kushangaza.
CSS--
>> ALLISON BUCHHOLTZ-AU: Hiyo ni jina la semina yetu.
>> TOMAS Reimers: Yeah.
Ni kweli ni muhimu kwamba wewe kuelewa kwamba kwa wakati huo.
Kama wewe tu kuchukua moja Jambo, ni kwamba CSS kama kutisha.
Mbili ni CSS anasimama kwa Kuachia Style Sheets.
Hivyo katika msingi wake, CSS ni style karatasi, maana
utapata style ukurasa wa mtandao.
Na kisha nini maana, ni njia ya kuongeza style wa tovuti yako.
Hivyo kwa style, tuna maana kila kitu si kwamba structural--
hivyo mambo kama rangi, background images, mipaka, kama, padding,
pembezoni.
Tutaweza majadiliano juu ya kile wote kwamba maana katika kidogo.
>> Hivyo tumekuwa tu wamekwenda mbele na kufunguliwa wote wawili wa wale up katika gedit.
Hivyo hii ni index.html.
Na hii ni main.css.
Hivyo main.css ina chochote.
ALLISON BUCHHOLTZ-AU: No style hivyo mbali.
TOMAS Reimers: Hakuna.
Na kama utaona, ni kweli ugly tovuti.
ALLISON BUCHHOLTZ-AU: Ni wazi tu.
TOMAS Reimers: Yeah.
Yeah, ni si mbaya, ni tu minimalist.
Na kisha hapa tuna index.html.
Na hivyo kwa haraka recap ya HTML, Allison,
unataka tu kuzungumza kuhusu ukurasa?
>> ALLISON BUCHHOLTZ-AU: Yeah.
Hivyo ni wazi, tuna HTML yetu tag, ambayo tu majina HTML file.
Tuna header yetu hapa, na CSS Awesomeness, which-- kama wewe kwenda nyuma.
Ambapo ni kwamba?
>> TOMAS Reimers: Oh.
Yeah, unaweza kuona.
ALLISON BUCHHOLTZ-AU: Na taarifa header
ni hii tab header haki hapa.
Na kisha "Hello, ulimwengu!" ni Nakala kwamba tuna tu
kuonyesha kwenye mtandao ukurasa, ambayo is-- kurudi nyuma.
Back.
Ambayo ni tu katika mwili wetu here-- Nakala wazi.
Pia, jambo moja taarifa, kama ukiangalia hapa,
Tomas switched na haya wawili kutoka slide yetu.
Hivyo kama una muda mrefu kama kila tatu wa haya, wewe ni faini.
Wanaweza kuwa ili chochote wanachotaka.
Nini muhimu zaidi ni tu kwamba una kila moja ya mambo hayo matatu.
>> TOMAS Reimers: Cool.
Kuongeza aina doc?
ALLISON BUCHHOLTZ-AU: Yeah.
TOMAS Reimers: Yeah.
Baridi.
ALLISON BUCHHOLTZ-AU: Inavyoonekana, vipaza sauti yangu si kama mimi.
TOMAS Reimers: Oh, kutupa sec tu wakati Allison swichi nje mic yake.
Hivyo yeah.
Hivyo tuna ukurasa yetu kuu.
Ni aina ya unstyled.
Hatuna mengi.
Sisi tu kimsingi maandishi.
Tuna karatasi style.
Tuna cheo.
Hivyo tu bare-boned vipengele kufanya tovuti.
>> Hivyo kutoka huko, hebu majadiliano juu ya kile CSS ni
na inaonekana kama na yote hayo ni nini.
Hivyo kwa that--
ALLISON BUCHHOLTZ-AU: Nyuma ya slides.
TOMAS Reimers: Nyuma ya slides.
Na Allison inaweza kuchukua zaidi ya.
>> ALLISON BUCHHOLTZ-AU: Woo.
OK.
Hivyo katika CSS faili yako, wewe ni kwenda kuwa na
mengi ya mambo haya kuitwa selectors.
Hiyo itakuwa tu kuwa msingi wa CSS faili yako.
Ni tu kwenda kuwa kura na kura ya haya.
Hivyo selector.
Hii ni anatomy ujumla.
Sisi ni kwenda kwenda kwa njia ya mifano, kwa sababu kama wewe guys kamwe
watched sehemu yangu, mimi kuhisi kama mambo katika abstract
si kweli mantiki.
Ni daima husaidia kuona mifano.
>> Hivyo tuna baadhi selector.
Hiyo inaenda kuwa baadhi ya kitambulisho kwa nini tunataka style kuomba.
Na kisha tunaweza kuwa yoyote seti ya sheria na maadili.
Hivyo selectors kwamba unaweza kuona inaweza kuwa kitu kama mwili,
au aya na P, au header, au chochote,
chochote unataka HTML yako vitambulisho kuwa.
>> Hivyo katika kesi hii, tuna mwili.
Na tuna baadhi ya utawala, ambayo hii sambamba
kwa nini style yako inatumika kwa.
Hivyo katika kesi hii, tuna rangi ya asili na font uzito.
Hivyo hii ni kwenda na mabadiliko background ya kitu chochote
ndani ya tag yoyote ya mwili wa HTML faili wetu.
Na ni kwenda kutoa ni hii thamani mwanga wa bluu.
>> Hivyo ni kwenda kufanya background mwanga wa bluu.
Na kisha kitu chochote ndani ya mwili ni kwenda na font uzito koze.
Hivyo ni kwenda tu kwa ujasiri wa maandishi yetu.
Na hii ni selector moja tu.
Lakini unaweza kuwa na mengi sana ya haya.
Na kama sisi ni kwenda kuonyesha baadaye, kidogo zaidi katika jinsi
kwamba matendo na mifano zaidi huko.
Kitu chochote unataka kuongeza?
>> TOMAS Reimers: No.
Allison got it.
Sisi ni kwenda tu kukata up mfano hapa juu ya mfano wa tovuti yetu.
Basi hebu kweli kuchukua hii.
Ni kamilifu.
Hivyo mimi nina kwenda tu nakala na kuweka kwamba haki katika main.css faili wetu.
Na mimi nina kwenda kuokoa yake.
Na kisha sisi kukimbia.
Hivyo upande note, moja ya mambo mengi frustrating
ni kama huna kuokoa faili, na basi, kama, upya ukurasa,
na kama, kwa nini si mabadiliko yanatokea?
Ni hutokea.
Hivyo hapa tuliona kwamba sisi alifanya yetu tovuti mwanga wa bluu background
na baadhi ya bolded maandishi.
>> Mimi lazima pia kutaja, kama wewe guys una maswali kuhusu kitu chochote
sisi ni kufanya, tafadhali jisikie bure kutuzuia na kuuliza kwetu.
Tuko tayari kabisa na shamba maswali.
>> ALLISON BUCHHOLTZ-AU: Ni wazi, na CSS, kila kitu hujenga juu yenyewe.
Hivyo kama jambo moja haina mantiki sasa, sisi
hawataki kuwa kuumiza vichwa vya wewe chini baadaye.
>> TOMAS Reimers: Basi hebu aina ya Kuchambua hii.
Hivyo unataka kuanza na selector hapa?
>> ALLISON BUCHHOLTZ-AU: Yeah.
Kama mimi alikuwa akisema kabla, mwili ni tu selector yetu hapa.
Hivyo kama sisi kwenda nyuma juu ya index-- ah yetu.
>> TOMAS Reimers: Ni mimi tu kufungwa.
Nipe pili.
Hivyo Picha, Open, index.html.
ALLISON BUCHHOLTZ-AU: Cool.
Hivyo kama wewe taarifa hapa, sisi kuwa vitambulisho haya mwili, haki?
Hivyo selector tu sambamba na tags kwamba sisi ni kuzungumza juu.
Hivyo mwili haki hapa.
Hivyo kile sisi ni kusema ni everything-- tunaweza kwenda nyuma?
Mimi napenda inaweza tu kama kugusa screen.
Ni d kuwa hivyo baridi sana.
>> Hivyo kitu chochote ndani ya wale tags mwili, ambayo tuliona
mara tu, kama, maandishi, na mwili kwa ujumla
inahusu, kama, background.
Kama wewe milele wanataka kubadilisha background,
kwamba kinaendelea kuwa katika tag mwili.
Tu ana sheria hizi kutumiwa kwao.
>> Hivyo kama sisi walikuwa kwenda index.html and-- kweli,
tunaweza kuwa na kitu nje ya mwili?
Kama tungekuwa na, kama, footer au kitu, bila kuomba hii.
Lakini kitu chochote ndani ya tags haya mwili ni kwenda
kuathirika na mwili huu selector kwamba tumekuwa kufanywa.
Hivyo kama ungekuwa na aina kitu kingine there--
>> TOMAS Reimers: Hebu gari kwamba nyumbani.
Hivyo kama sisi alikuwa div-- hivyo hiyo ni tu tag mwingine unaweza kuwa.
Mimi nina kwenda karibu yake.
Au hebu kufanya hili aya.
Hivyo p anasimama kwa aya.
Na ndani ya aya hiyo.
Na kisha mimi kusema, "Hii ni maandishi."
Baridi.
Na kisha mimi alifanya utawala hii yanahusu aya badala ya mwili.
Utaona jinsi inatumika tu kwa aya kipya, kulia,
si jambo zima.
Je, hiyo mantiki?
>> ALLISON BUCHHOLTZ-AU: Hivyo hii ni mwili wote,
lakini sasa selector zetu tu sambamba na aya.
Hivyo sisi tu na ujasiri na bluu kwa aya hii maalum,
kwa sababu hili ni jambo tu kwamba ni iliyoambatanishwa ndani ya p tag.
>> TOMAS Reimers: Je, hiyo maana kufanya aina ya jinsi mambo kurejelea mambo mengine?
ALLISON BUCHHOLTZ-AU: Pia, tu kusema, kama, moja ya njia bora
kwa kweli kupata starehe na CSS ni tu kufanya mambo kama hayo,
tu kujaribu nje.
Ni rahisi sana kwa aina ya kitu nje, kugonga Refresh, na kuona nini kinatokea.
Na kama wengi CS, majaribio unaweza mara nyingi
kusababisha bora zaidi uelewa Intuitive.
Hata zaidi kuliko sisi tu, kama, kuzungumza na wewe.
>> TOMAS Reimers: Kabisa 100% kukubaliana juu ya hatua hiyo.
Hivyo kama sisi kurudi nyuma kwa hii, hebu kuanza dissecting nini hasa hizi mbili kufanya.
Hivyo tuna sheria mbili juu ya hili.
Hivyo kwanza moja ni rangi ya asili.
Na unaweza kuona kwamba tumekuwa kuweka sawa na thamani, mwanga bluu.
>> Hivyo katika CSS, CSS ni aina ya huru sana kuhusu jinsi
wewe ni kuruhusiwa kufafanua rangi.
Hivyo unaweza kufafanua yao kwa jina.
Unaweza pia kufanya kitu kama "nyekundu."
Na kisha kama sisi kurudi nyuma kwa hii, utaona kwamba background ni nyekundu.
Unaweza pia kupata really-- Nadhani wewe unaweza kupata pretty ubunifu na hii,
unaweza si wewe?
>> ALLISON BUCHHOLTZ-AU: I unafikiri unaweza kutumia hex.
Je, si wewe?
>> TOMAS Reimers: Yeah.
Hivyo unaweza kutumia hex.
Lakini mimi nina kufikiri jina-busara.
Je, si huko?
ALLISON BUCHHOLTZ-AU: Unaweza kufanya chache kabisa.
Pretty kiasi kama rangi zaidi kuwa wewe unaweza name-- kama, nadhani lax ni mmoja.
>> TOMAS Reimers: Tuko gonna kujaribu lax.
ALLISON BUCHHOLTZ-AU: I kufikiri Chartreuse ni katika huko.
TOMAS Reimers: Yeah.
Angalia?
Hivyo unaweza kupata pretty ubunifu.
>> ALLISON BUCHHOLTZ-AU: You inaweza kupata pretty ubunifu.
Kama, kama unaweza kufikiria jina rangi, pengine ni katika huko.
Kama kweli unataka faini kina, unaweza kwenda hex.
>> TOMAS Reimers: Yeah.
Hivyo hexadecimal.
Kama wewe guys kumbuka hii nyuma kutoka pset yako ya zamani, Image Kuokoa,
nyie alikuwa na kukabiliana na maadili haya hex.
Na aina ya kwa kurejea kile yaani, hex ina maadili tatu kuhifadhiwa katika hilo.
Hivyo ni katika makundi ya nyongeza mbili.
mbili za kwanza kuwakilisha thamani nyekundu.
moja ya pili inawakilisha thamani ya kijani.
Na moja ya mwisho ni bluu?
>> Hivyo FF kinachotokea kwa kuwakilisha hexadecimal 255.
Hivyo una 255 nyekundu, 255 kijani, na 0 kwa rangi ya bluu.
Na maadili mbalimbali kati ya 0 na 255.
>> Watazamaji: Haki.
Hivyo kimsingi, tunaweza kutafuta intaneti kwa ajili ya rangi yoyote tunataka,
na kutambua kweli-inayojulikana rangi wigo combo,
na kisha tunaweza kuiweka katika?
ALLISON BUCHHOLTZ-AU: Hasa.
Hivyo una pretty much udhibiti kamili juu ya rangi unataka ndani ya CSS.
Je, sisi kwenda kuzungumza kuhusu background images baadaye?
Au tunataka kufanya hivyo?
>> TOMAS Reimers: Yeah.
Kabisa.
Hivyo kwanza, tu kuonyesha kwamba nyekundu na kijani ni njano.
Na kama unahitaji baadhi msaada wa kupata hii,
unaweza Google kitu kama "rangi picker."
ALLISON BUCHHOLTZ-AU: Oh, hivyo ni nzuri.
Mimi upendo Color Picker.
>> TOMAS Reimers: colorpicker.com ni mfano mzuri.
Na hapa, utaona kwamba una full Photoshop-kama rangi picker.
>> ALLISON BUCHHOLTZ-AU: Mm-hm.
Pia, mambo ya baridi ni wewe inaweza kuzalisha miradi ya Michezo
ili huna, kama, clashing rangi.
TOMAS Reimers: Na kisha hapa ni thamani hex hapa up.
Hivyo unaweza daima kupata online kimsingi maeneo ya kupata hex thamani kutoka.
Ni si aina ya kwamba tu, kama, sisi kuona rangi ya dunia kwa idadi.
Ni zaidi kwamba sisi kwenda online na kupata nini rangi tunataka,
na kisha kuchukua simu chini.
Kwa sababu ni kweli tu rahisi njia ya kumbukumbu mambo katika CS.
>> ALLISON BUCHHOLTZ-AU: Na kisha kuna also--
Mimi kusahau jina halisi ya tovuti.
Lakini kuna dhahiri, mimi kufikiri, kitu kutoka Adobe
kwamba inazalisha miradi ya Michezo kwa ajili yenu, ambayo ni kweli baridi, kwa sababu wewe
definitely-- ni wakati mwingine vigumu kufikiri,
oh, kama nataka kutumia alama hii, kile anaweza kuwa mtu mwingine muhimu
kutumia mahali pengine kwenye tovuti yangu kwa, kama, kufanya ni nzuri na kushikamana.
>> TOMAS Reimers: Allison kuzungumza juu ya moja kwa Adobe kuitwa Kuler, nadhani.
Ni K-U-L-E-R.
ALLISON BUCHHOLTZ-AU: Nadhani hivyo.
Mimi nina uhakika pretty hiyo ni moja.
>> TOMAS Reimers: My favorite ina daima imekuwa Color Mfuko Designer.
>> ALLISON BUCHHOLTZ-AU: Ooh.
>> TOMAS Reimers: Ni ni now--
>> ALLISON BUCHHOLTZ-AU: Ah, hii ni nzuri.
>> TOMAS Reimers: Na wewe unaweza kimsingi kusema, kama,
Nataka rangi tatu karibu na kila mmoja.
Na kisha hebu kufanya kitu kizuri.
Na kisha unaweza kupata mfano wa kile ili kuangalia kama.
Na kisha kama hover juu yoyote ya yao, inakupa thamani hex.
>> Hivyo tu kama njia nzuri ya kuanza kufikiri juu ya miradi ya Michezo
au nini rangi katika tovuti wanaweza kwenda vizuri pamoja.
Kwa sababu ambayo inaweza kuwa ya kushangaza si kama rahisi kuchukua kama unafikiri.
Na kisha nyingine baridi jambo Nimekuwa daima kupatikana kuhusu tovuti hii
ni kama wewe hit Mifano, ni itabidi kuonyesha nini mfano tovuti
ili kuangalia kama kutumia kwamba mpango wa rangi.
Anyway.
>> Nyuma ya CSS halisi.
ALLISON BUCHHOLTZ-AU: Lakini ni wazi, sisi kujua marejeo haya inaweza kuwa na manufaa.
TOMAS Reimers: Hapana, wao dhahiri wanaweza kuwa na manufaa.
Hivyo utawala wa pili, Allison?
>> ALLISON BUCHHOLTZ-AU: Yeah.
utawala pili ni sambamba na font yetu.
Hivyo font uzito ni tu aina of-- hivyo uzito ingekuwa
kuwa kama unataka tu, kama, kawaida au, kama, fonts wakondefu,
au katika kesi hii, kama, ujasiri.
Mimi kusahau.
Nini kama alitaka ubaya wake ni pale moja wakondefu kuliko tu, kama, kawaida?
TOMAS Reimers: Mimi si kweli kujua kama kuna moja wakondefu.
ALLISON BUCHHOLTZ-AU: I kusahau.
Hivyo font uzito sisi kawaida kutumia tu kwa ajili ya ujasiri.
Kama unataka kupata kweli katika yake, tunakwenda kuonyesha.
W3Schools ina tofauti mambo unaweza kufanya kwa ajili ya fonts.
Lakini kimsingi, kama wewe milele unataka kubadili jambo lolote kuhusu font,
ni daima kwenda kuwa, kama, font-kitu.
Hivyo utakuwa ni kama, font-familia kama wewe ni kujaribu kubadili aina halisi.
Ni utakuwa font-style kama wewe wanataka kufanya hivyo kama cursive,
au italics, au whatnot.
Au hata font-rangi, kama tulitaka mabadiliko hayo.
>> TOMAS Reimers: Yup.
Hivyo unaweza mabadiliko hayo.
Na aina ya tu recap sasa, hivyo unaweza
kuona kwamba tuna selector hapa.
Tuna braces haya curly.
Na kisha sisi kuwa na sheria delimited na semicolons.
Je, hiyo mantiki?
Yeah?
Baridi.
Hivyo kama kwamba ni wakatenda mema
>> ALLISON BUCHHOLTZ-AU: Back.
TOMAS Reimers: Hebu majadiliano hasa kuhusu aina gani ya selectors tuna.
'Njia ya hivi sasa tumekuwa aina ya tu umeonyesha vitambulisho.
Lakini nyie wangeweza kuiona plausible.
Sema una aya mbili juu ya ukurasa na wewe
wanataka kuwa na uwezo wa style moja lakini si mengine,
hawataki tu kikomo mwenyewe kuwa na kutumia HTML tofauti halisi
tags kuwapa mitindo tofauti.
>> Hivyo tuna tatu za msingi aina ya selectors.
ALLISON BUCHHOLTZ-AU: Yeah.
Hivyo tuna tag, ambayo ni nini tumekuwa kuzungumza juu ya haki ya sasa.
Hivyo hiyo ni aina ya kama mwili wako au p.
Na kisha tuna tabaka, ambayo ni wakati sisi kufafanua katika CSS faili wetu,
ni daima kwenda kuwa dot, chochote unataka jina la darasa lako kuwa.
Na hii inaweza kutumika kwa mambo mbalimbali.
>> Sema una aya tano na wawili wa tatu wao
haja ya kuwa na styled huo, ungependa kuomba darasa yake.
Na hii ni njia tu sisi kufanya hivyo.
Sisi nitakupa mfano wa ambapo kweli hii inaonyesha up.
Lakini kama alikuwa na labda baadhi tag p, baada ya hayo, ungependa kuandika,
darasa ni sawa na madarasa chochote unataka kuomba hiyo.
Kwa hiyo chochote darasa selectors kwamba tunataka kuomba aya hii maalum,
tunaweza tu kuandika kama hii.
Bila shaka, nadhani mfano kufanya hivyo zaidi halisi.
>> mtu mwingine tuna ni id, ambayo sisi kuashiria
na hash, au chupa, au hashtag.
TOMAS Reimers: Octothorpe.
ALLISON BUCHHOLTZ-AU: Octothorpe.
Kwamba kazi, pia.
Na hii moja lazima kweli kuwa ya kipekee.
Wanapaswa kuomba tu kwa jambo moja juu ya ukurasa wako.
Hivyo kama hiyo ni aya maalum, au baadhi ya bidhaa katika orodha, au chochote,
hii inapaswa kuwa ya kipekee.
Na katika njia sawa kwamba sisi tu kusema, kama, class = "class1 class2,"
hii inaweza tu kuwa id wa chochote tuna.
TOMAS Reimers: Yeah.
Basi hebu dhahiri kuzungumza kuhusu mifano hapa.
Na mimi nina kwenda tu kwa kupiga mbizi moja nyuma katika kanuni.
Hivyo hebu tuangalie HTML yetu.
Na hivyo sisi sasa hivi na aya moja.
Hii ni maandishi.
Mimi tu kwenda kurekebisha yake. "Hii ni Nakala 1."
Na kisha tunakwenda kuwa "Hii ni Nakala 2."
>> ALLISON BUCHHOLTZ-AU: Pili moja.
TOMAS Reimers: Yup.
Hivyo sasa tuna "Hii ni Nakala 2," haki?
Na tunakwenda kuona kwamba kama sisi upya ukurasa, nini tunakwenda kupata
ni sisi ni gonna find--
ALLISON BUCHHOLTZ-AU: Ooh.
TOMAS Reimers: Yeah.
Sisi ni kwenda kupata "Hii ni Nakala 1, "na" Hii ni Nakala 2. "
>> ALLISON BUCHHOLTZ-AU: Na nje lovely rangi ya njano.
>> TOMAS Reimers: Na utaona kwamba selector yetu hivi sasa,
ambayo inatumika kwa p, au aya, huathiri wote wawili,
kwa sababu wote wawili kukutana hali kwamba wao ni wote p tag.
Kwamba inafanya hisia jumla.
Hivyo swali ni, vizuri, nini kama sisi alitaka tu kupata moja?
Hivyo hasa kama Allison alikuwa akisema, tuna njia nyingine mbili kufanya hivyo.
Mimi nina kwenda kuanza na id.
>> ALLISON BUCHHOLTZ-AU: Hebu kuanza na id.
>> TOMAS Reimers: Na wote ya hizi ni sifa.
Hivyo sifa zipo katika HTML.
Na nini wao ni ni kitu ambacho wewe kuongeza
ndani ya tag ambayo ni tofauti na jina tag.
Hivyo unaweza kuwa na sifa nyingi.
Yeah?
>> ALLISON BUCHHOLTZ-AU: Nilikuwa kwenda tu kusema, kutokana na mfano wako kutoka pset 7,
kama yoyote ya wewe kujaribu align mambo ya kituo hicho,
unaweza kuwa kutumika "Nakala align = katikati."
Na wewe niliona pengine wanapaswa kuwa unaozingatia
Nakala yako au urambazaji yako bar.
Hivyo hiyo ni tu pia sifa kwamba unaweza kuwa familiar with.
TOMAS Reimers: Kuna rundo ya sifa ya kuwa utaona.
Yeah.
Kama kumbukumbu nzuri kwa pset 7.
Tuna id.
Unaweza pia kuwa na darasa, mambo kama hayo.
tag moja inaweza kuwa na sifa nyingi.
Hivyo kwa kuanzia na id, hebu kujifanya sisi unataka kuwa na id of-- sijui.
Tutamwita hivyo maalum, kwa sababu hii moja, tuko
kwenda kufanya ujasiri, na kusisitiza, na chochote.
ALLISON BUCHHOLTZ-AU: Ni gonna kuwa super maalum.
TOMAS Reimers: Hivyo hii moja, tuna id maalum.
Hivyo njia ya kuchagua kwamba, basi, ni katika main.css, kuliko kuwa p tag,
kufanya #special, OK?
Na kwamba kuchagua kitu na id maalum.
Je, hii mantiki kwa kila mtu?
Watazamaji: Yeah.
TOMAS Reimers: Cool.
Hivyo sasa kama sisi kurudi nyuma, tutaweza see-- whoops.
Yeah.
Tutaweza kuona kwamba kuchagua tu moja na kitambulisho maalum.
Yeah?
Sauti ya baridi.
Ndiyo.
>> Watazamaji: Je, kitu kuwa sifa ya wote darasani na id?
>> TOMAS Reimers: Ndiyo.
Watazamaji: OK.
Na kisha kile kinachotokea kama wewe kisha kutoa ni baadhi ya sheria katika CSS migogoro hiyo?
TOMAS Reimers: Kabisa.
Sisi ni dhahiri kwenda kuzungumzia suala hilo.
Hivyo nini hasa walikuwa kupata katika, unaweza pia kuwa na madarasa.
Basi hebu kujifanya nilikuwa aya tatu na mimi
alitaka style kwanza mbili lakini si tatu.
Naam, wazo yako ya kwanza inaweza kuwa, vizuri, mimi inaweza tu kutoa moja ya pili id.
Lakini huwezi, kwa sababu id, hasa kama Allison alikuwa akisema,
ina kuwa ya kipekee.
>> Hivyo badala ya id, nini unaweza kutumia ni unaweza kutumia darasani.
Na class-- nini inaruhusu wewe kufanya ni kimsingi kusema,
hili ni kama sehemu ya kundi.
Katika kesi hiyo, kundi yetu inaitwa Maalum.
Na nini tunakwenda kufanya basi ni tunakwenda say-- badala ya chupa,
tunakwenda kutumia dot.
OK?
Na taarifa kwamba chupa na dot tu kuwepo ndani ya CSS faili,
si ndani ya HTML.
ALLISON BUCHHOLTZ-AU: Ndiyo.
Muhimu tofauti.
>> TOMAS Reimers: Nina alikuwa mapambano sana,
kwa sababu mimi kuweka hash katika HTML na basi tu waliona kijinga kwa muda mrefu.
Kuona ni jinsi gani kuchagua wote wawili wa ndio na darasa hiyo?
Baridi.
>> Sasa, mambo yanaweza kuwa na madarasa nyingi.
Hebu sema nilitaka kufanya kwanza mbili na background ya njano
na ya pili wawili font rangi ya bluu.
OK.
Mimi kwa kweli sijui nini ningependa wanataka kufanya hivyo, lakini naweza.
>> ALLISON BUCHHOLTZ-AU: Might si ilipendekeza kwa ajili ya tovuti yako.
Lakini kwa madhumuni yetu, hivyo itabidi kufanya.
>> TOMAS Reimers: Ni si nzuri rangi mpango.
ALLISON BUCHHOLTZ-AU: Naam, njano na bluu ni rangi yangu ya shule ya sekondari.
Sijui, ingawa.
TOMAS Reimers: Allison high shule alikuwa alama ya mpango kubwa.
[Kicheko]
Hivyo basi nini tunaweza kuwaita hii ni Hebu simu this-- hivyo tuna Maalum
na tuna Pretty.
Mimi zinaonyesha, kwa ajili ya hii, unaweza kutumia zaidi maelezo majina.
ALLISON BUCHHOLTZ-AU: Yeah, I would wito huu, kama, njano au bluu.
>> TOMAS Reimers: Tuko si kweli kufanya tovuti ya kweli,
ambayo ni kwa nini sisi siyo kufanya hivyo.
Lakini kama kweli alikuwa tovuti ya kweli,
anaweza kuwa, kama, makala header, maudhui ya makala, neno la kwanza,
mambo kama hayo, ambayo kuruhusu wewe kuwa zaidi maelezo.
Haya ni kweli tu kama vigezo.
Wanapaswa kuwa jina lake katika njia ambapo unaweza, like-- yeah, kama vile.
Perfect.
>> Hivyo rangi ya asili.
Na kisha tunakwenda say-- hivyo njia ya mabadiliko ya rangi ni tu "rangi."
Na sisi ni kwenda kufanya ni bluu.
Hiyo ni cool.
Hivyo basi, tuna mbili za kwanza na ya pekee.
Next moja kwenda kuwa na "class = pretty."
ALLISON BUCHHOLTZ-AU: Na kisha utasikia unataka kuongeza "pretty" kwa moja katikati.
TOMAS Reimers: Yup.
Na kisha katikati moja, kuongeza "pretty," nini kinatokea
ni wewe tu na nafasi.
Hivyo darasa sifa ni orodha nafasi-kutengwa
wa madaraja yote zinazotumika kwa tag kwamba.
OK?
Siyo kama hii moja ni mali ya baadhi ya aina ya darasa maalum iitwayo
", Nafasi maalum, pretty."
Ni mali ya mbili classes-- maalum na pretty.
Ndiyo?
Baridi.
>> Na kisha kama sisi kuangalia nini kinatokea, tuko
kwenda kuona kwamba moja ya kwanza ina njano background, Nakala nyeusi.
One-- Pili
>> ALLISON BUCHHOLTZ-AU: --has ujasiri njano background na maandishi ya bluu.
Na moja yetu ya mwisho tu ana bluu Nakala kwamba sisi kwa ajili ya hiyo.
>> TOMAS Reimers: Mpya?
Jinsi selectors kazi?
Kutisha.
>> ALLISON BUCHHOLTZ-AU: Je, tunataka majadiliano juu ya mgogoro sasa basi?
>> TOMAS Reimers: Hivyo yeah.
Kabisa.
Hivyo kile kinachotokea kama wewe una mgogoro, haki?
Hebu kujifanya moja kwanza seti up kitu like--
ALLISON BUCHHOLTZ-AU: Labda hii moja mabadiliko background?
TOMAS Reimers: Yeah.
Hivyo sisi ni kwenda kufanya "pretty" kubadilisha background kwa samaki.
ALLISON BUCHHOLTZ-AU: Wewe tu na rangi zote kubwa leo, Tomas.
TOMAS Reimers: Yeah.
Kwa sababu nimeona naweza kutumia lax kama rangi ya kweli.
Hivyo sisi ni kwenda tu kufanya hivyo.
Pia nadhani Sunset ni rangi halisi.
Watazamaji: Sunset ni rangi halisi?
ALLISON BUCHHOLTZ-AU: Hebu jaribu hilo.
TOMAS Reimers: Baada ya demo hii kwa sababu tu katika kesi hiyo messes up,
Sitaki kuwa debugging.
Hivyo tunajua lax ni rangi halisi.
Hivyo guesses yoyote juu ya nini kitatokea?
>> ALLISON BUCHHOLTZ-AU: Wazo yoyote?
>> Watazamaji: [inaudible].
>> TOMAS Reimers: Yeah.
Hivyo wewe got it hasa haki.
Kimsingi, inachukua utawala iliyopita kwamba ilitolewa.
>> ALLISON BUCHHOLTZ-AU: Hivyo hii ni ambapo kuachia anakuja katika athari.
>> TOMAS Reimers: Basi kumbuka jinsi sisi alikuwa na kwamba kuachia karatasi style?
Hivyo kwa kuwa, sisi aina ya maana kwamba tuna rundo la sheria
ambayo yanahusu juu ya kila mmoja, na wanaweza pia override kila mmoja.
>> ALLISON BUCHHOLTZ-AU: Hivyo chochote ya chini
mapenzi override chochote ni saa ya juu.
Unaweza kuwa na sheria kwamba kabisa yanatofautiana kitu kabla.
Hiyo pia ni kwa nini unataka kuwa makini wakati uko styling,
hivyo wewe si kujenga sheria kwamba wewe tu kabisa kuu.
>> TOMAS Reimers: Au labda wewe nataka overwrite sheria.
>> ALLISON BUCHHOLTZ-AU: Au labda wewe kufanya.
Ndiyo.
>> TOMAS Reimers: Kujifanya una darasa ambayo inatumika kwa mambo mengi,
lakini hebu sema unataka kubadilisha rangi ya asili na nyekundu na font
uzito kwa ujasiri kwa zaidi mambo hayo, lakini kwa moja,
wewe tu unataka rangi ya asili kuwa nyekundu lakini unataka wengine wote
mali, unaweza kufanya kitu kama "font-uzito = kawaida,"
ambayo kisha kutengua kuwa mabadiliko ujasiri.
Yeah?
Tena, njia bora, nadhani Allison alisema, ni mazoezi tu.
>> ALLISON BUCHHOLTZ-AU: majaribio.
>> TOMAS Reimers: Mazoezi, mazoezi, mazoezi, na majaribio.
Najua mengi ya watu wanadhani CSS ni tu mengi ya nadhani-na-check
mwisho wa siku, ambapo kama unataka kufanya something-- kama,
una wazo mbaya, lakini wewe bado pengine wanahitaji
kujaribu nje kuhakikisha unajua ni nini inaonekana kama.
>> Watazamaji: Wakati wewe ni kuomba madarasa, zaidi ya moja
na aya hiyo au sehemu, je, ni
jambo utaratibu gani unaweza aina yao katika quotes?
>> TOMAS Reimers: Hapana, si wakati wote.
>> ALLISON BUCHHOLTZ-AU: mambo gani ni Ili ndani ya karatasi yako CSS style.
Watazamaji: Je, unaweza kurudia swali?
TOMAS Reimers: Oh.
ALLISON BUCHHOLTZ-AU: Ndani darasani, wakati wewe ni kutoa madarasa
kitu katika HTML, haina ni jambo ambayo ili wao uko katika?
Haijalishi utaratibu.
Yale mambo utaratibu wa ni selectors darasa ndani ya CSS yako,
ndani ya karatasi yako style.
>> TOMAS Reimers: Sound nzuri?
>> ALLISON BUCHHOLTZ-AU: Lovely.
>> TOMAS Reimers: Na kisha tunakwenda kuendelea to--
ALLISON BUCHHOLTZ-AU: Je, tuna ijayo?
Mimi kusahau.
Oh, sisi tu mifano.
Lakini tumekuwa aina ya kosa hizo.
Tumefanya mifano juu ya kuruka.
>> TOMAS Reimers: Sisi kupata kuchanganya selectors hivi karibuni.
>> ALLISON BUCHHOLTZ-AU: Oh, sisi kupata kuchanganya selectors.
TOMAS Reimers: Kwa hiyo baadhi mifano ni sisi kuwa
# Dog-- chupa, au hashtag, au octothorpe, au chochote
unataka simu that-- mkali.
>> ALLISON BUCHHOLTZ-AU: Sharp mbwa.
>> TOMAS Reimers: Kisha una .pets.
Kitu id ya mbwa, kuna mbwa moja tu juu ya ukurasa.
Kitu id ya paka, kuna moja tu paka.
Kuna inaweza kuwa pets wengi juu ya ukurasa.
Hiyo ni kwa nini sisi alitoa kwamba madarasa.
Una mfano wa p.
Na kisha hivyo moja ya Mfano wa mwisho, ambayo
ni kitu sisi si kuongelea, ni kile kinachotokea wakati wewe kuchanganya yao.
Hivyo p.pets.
>> Hivyo kwa kuwa, hebu kwenda nyuma kanuni na kuanzisha another-- yeah.
Hivyo nyuma hapa.
>> ALLISON BUCHHOLTZ-AU: I kujisikia kama hii ni really--
kama tu kuangalia njia ya mifano ni kweli njia ya kujifunza hii.
Hivyo kwamba ni nini sisi ni kufanya.
>> TOMAS Reimers: Basi hebu kujifanya sisi tu wanataka kuchagua Nakala 2, haki?
Hivyo sisi dhahiri hawawezi kufanya hivyo kwa id.
Naam, tunaweza kufanya hivyo kwa id, lakini haina id.
Mimi naweza kuongeza moja, lakini hebu kujifanya kwamba mimi sitaki kuongeza moja
au tayari ina kitu kingine.
Siwezi kufanya hivyo na kwamba.
tag ni dhahiri si ya kipekee, haki?
Na wala ni darasani.
Lakini unaweza kuchanganya mambo haya.
Hebu sema sisi alitaka kufanya kitu ambayo inatumika tu kwa mambo ambayo
una darasa maalum na ambayo una darasa pretty.
>> Hivyo nini unaweza kufanya ni katika main.css, unaweza kusema, hebu kwanza kufuta hii.
Unaweza kuchanganya hizi.
Hivyo unaweza kufanya .special.
Hakuna nafasi.
Tu .special.pretty.
Nini maana ni kitu ambayo ni wawili maalum na pretty.
Je, hiyo mantiki?
Na kama sisi kwenda hapa, nini wewe ni kwenda kuona
ni sheria hii inatumika tu kwa pili moja, ambayo ina wote wa wale.
Na unaweza kufanya hivyo kwa mambo mengi.
Unaweza say-- hebu kujifanya nilitaka tu
kufanya mambo ambayo una darasa pretty na ambayo pia ni aya tag.
Hivyo p.pretty.
Hebu kujifanya kuwa nilikuwa kitu pretty juu ya tag mwili.
OK?
Siwezi kukimbia hii na mimi unaweza kuona kwamba ni tu
kwenda kuomba mambo ambayo ni aya na darasa pretty.
Na unaweza kuchanganya haya, kimsingi, kama wengi kama unataka.
Hivyo unaweza tu ya kuweka kwao pamoja.
Je, hiyo mantiki?
ALLISON BUCHHOLTZ-AU: Hivyo aina hii ya ni muhimu zaidi
wakati, Tomas alikuwa akisema awali, labda una tovuti ngumu sana,
na tayari una mengi ya sheria hizi imeandikwa,
na wewe tu haja ya kuchanganya mbili mbele.
Kama badala ya kuandika nzima selector mpya na kubadilisha huko,
unaweza tu kuchanganya yao baada ya uanzishwaji.
>> TOMAS Reimers: Au wanaweza kupata out-- wakati mwingine
kuna darasa moja ambayo hufanya rangi font ya kama bluu,
na kuna kundi jingine ambalo hufanya background ya bluu.
Na kwamba tu si kazi.
Hivyo wewe kuandika kesi maalum, ambapo, like-- lakini kama ana zote mbili, nini wewe
kwenda kufanya ni wewe kwenda kufanya kivuli hii ya bluu hii moja
na hii ni moja ya kivuli hii nyingine ya bluu.
Haki?
>> ALLISON BUCHHOLTZ-AU: Good kwa wale aina ya tofauti.
TOMAS Reimers: Hivyo kwa kufikiri juu ya matatizo
ambayo inaweza kutokea wakati kuchanganya yao.
Baridi.
Hivyo nyuma na mada yetu.
ALLISON BUCHHOLTZ-AU: Tuko karibu na hapo.
TOMAS Reimers: Na kimesimama kuunganisha.
ALLISON BUCHHOLTZ-AU: Oh, hakuna.
ALLISON BUCHHOLTZ-AU: CS katika ofisi, internet inakwenda chini.
Oh, kejeli.
>> TOMAS Reimers: Hivyo bahati nzuri, tunaweza kuwasilisha bila internet, mimi nadhani,
kwa sababu tuna slides yote hapa.
Basi hebu majadiliano juu ya uhusiano wa vitambulisho.
ALLISON BUCHHOLTZ-AU: Haki.
Hivyo tu aina ya kwenda mbali ya nini Tomas alisema,
hii ni njia nyingine ya kufanya hivyo.
Hivyo tuna baadhi mzazi Selector na selector mtoto.
Hivyo katika mfano huu hapa, tuna baadhi ya mwili na darasa Upau wa Uabiri, darasa kifungo.
Ah.
>> TOMAS Reimers: Oh, sorry.
>> ALLISON BUCHHOLTZ-AU: Na kimsingi, nini maana ya hii
ni kuchagua wote wa watoto, kama yote ya aina hii ya selectors,
ndani ya hii selector mzazi.
Na wale ni wale tu ni milele kwenda kuomba.
Sijui kama wewe kuwa njia bora of--
TOMAS Reimers: Kwa hiyo mimi nadhani njia ya kufikiri
kuhusu hili ni kukumbuka kabla ya jinsi sisi aina ya like kuziweka pamoja.
Na basi hiyo ina maana moja ya kipengele ambayo mechi yote haya.
Nini hii ni kusema ni, mimi wanataka kwa mechi kila kitu
ndani ya some-- nataka wewe kupata selector.
Na kisha ndani ya kwamba, nataka wewe mechi mambo mapya.
Haki?
Hivyo katika CSS, ni wote kuhusu aina ya kuwa na uwezo wa mechi ya vitu hivi.
Na unaweza kujaribu kwa mechi vitu ndani ya vitu vingine.
>> Basi hebu kweli kufanya mfano, na tunadhani kwamba kutakuwa na kufafanua.
Basi hebu kujifanya tuna maalum, maalum pretty, chochote.
Na kisha tuna kiungo, OK?
Basi kumbuka, ni kiungo.
Ni si kwenda mahali popote.
Na tunakwenda kuwapa kiungo darasani, mimi nadhani.
Hebu kuwapa class-- nipe wazo.
ALLISON BUCHHOLTZ-AU: Cool.
TOMAS Reimers: Coo-- hebu kwenda yake darasani pretty.
Kwa nini?
>> ALLISON BUCHHOLTZ-AU: OK.
TOMAS Reimers: Hivyo mambo ya haki sasa pretty
ni kwenda kufanya background bluu, rangi ya asili ya samaki.
Kwamba inafanya hisia.
Na kama sisi kufanya this--
>> ALLISON BUCHHOLTZ-AU: Je, unataka kuongeza Nakala
hivyo kweli hyperlink inaonyesha up?
TOMAS Reimers: Hiyo itakuwa wito nzuri.
ALLISON BUCHHOLTZ-AU: 'Njia haki sasa tuko tu gonna kupata chochote.
TOMAS Reimers: Hivyo hii ni kiungo.
"Hii ni kiungo."
Oh, na hii ni kwenda kuwa kiungo mwingine.
Hebu kuwapa darasa "cool."
Wewe ni haki.
Baridi.
Hivyo sasa hivi tunakwenda kunyakua hii.
Sisi ni kwenda kutupa moja.
Tuna moja katika tag maalum, na sisi pia
ni kwenda kuwa moja katika tag pretty.
Na hivi sasa nini tunakwenda kufanya ni tunakwenda kufanya cool--
nini tunataka kufanya?
ALLISON BUCHHOLTZ-AU: Je, tunaweza kufanya hivyo kubwa?
TOMAS Reimers: Hebu kuwapa mpaka.
ALLISON BUCHHOLTZ-AU: Tunaweza mpaka.
TOMAS Reimers: Yeah.
Hivyo sisi ni kwenda kufanya kitu kama, mpaka is-- na tuko
kwenda kueleza hii yote katika pili.
Kwa now--
>> ALLISON BUCHHOLTZ-AU: Kwa mfano sanduku.
TOMAS Reimers: Lakini kwa sasa, tuko tu kwenda kuwapa mpaka.
Hivyo nini maana ni wewe kwenda kuona viungo hivi.
Na wewe ni kwenda kuona kwamba wana haya, kama, mipaka ugly nyeusi, ambayo
ni ya baridi.
>> ALLISON BUCHHOLTZ-AU: Tovuti yetu ni hivyo pretty.
>> TOMAS Reimers: Yeah.
Tovuti yetu ni kutisha.
Hivyo hizi mbili ni viungo, na wao kuonekana.
Sasa hebu kujifanya mimi tu walitaka kufanya hivi
kama ilikuwa si ndani ya kitu ambayo ilikuwa historia ya samaki.
Basi kumbuka kwamba hii moja ina historia ya lax,
kwa sababu ni ya darasa pretty.
>> Lakini tunataka kusema kwamba tu cools ambayo ni katika darasa maalum, si katika darasa
pretty, wanapaswa kuwa na mpakani.
Naam, nini unaweza kufanya ni wewe anaweza kusema, .special, nafasi, .cool.
Na nini kwamba anachokifanya, wakati unafikiri kuhusu hilo, ni kimsingi akisema,
OK, kupata mimi kila kitu kuwa mechi maalum.
Kisha baada ya wale vitambulisho, kupata mimi kila kitu kwamba ni baridi.
ALLISON BUCHHOLTZ-AU: Hivyo njia nyingine ambayo inaweza kuwa nzuri ya kufikiri kuhusu hili,
kuleta nyuma C, ni tu kama wazo la upeo.
Hivyo wakati una baadhi selector, kama wale
kwamba sisi tumekuwa kufanya kazi kwa kabla ya hii, mtandao wako mzima ukurasa, yote ya HTML yako
ni ndani ya wigo wako, haki?
Lakini wakati tuna hizi mzazi na mtoto mahusiano,
ni kama wewe ni kupungua chini ambapo wewe ni kuangalia kwa mahali maalum,
kama, kama, sisi ni kuangalia ndani ya kazi maalum badala
ya faili wetu mzima.
Watazamaji: Hivyo kwa kuwa katika akili, ingekuwa ni kuwa mattered kama tulikuwa changed--
ALLISON BUCHHOLTZ-AU: ili?
Watazamaji: --the darasa katika CSS kwa .cool, nafasi, .special?
ALLISON BUCHHOLTZ-AU: Ndiyo, kwa sababu basi
kusema, wigo kwa kila kitu ambayo ina baridi,
na kisha kuangalia nini has-- I mean, kama, katika kesi hii,
Sidhani ingekuwa iliyopita ni.
>> TOMAS Reimers: Tungeli alisema nini?
Sorry.
>> ALLISON BUCHHOLTZ-AU: Kama sisi wigo kwa baridi na kisha
kuangalia kwa mambo ya nje ya maalum, itakuwa ni sawa, kwa kweli.
>> TOMAS Reimers: Hivyo isingekuwa.
>> ALLISON BUCHHOLTZ-AU: Ni akakataa?
Oh, oh vizuri.
Mimi vibaya.
>> TOMAS Reimers: Hivyo sababu ni different-- mistake-- kawaida
ni kwamba hivi sasa tu kiungo ina baridi, haki?
Nadhani swali yangu na wewe guys ni, nini juu ya ukurasa huu ni kuendana na .cool?
Kuna vitambulisho mbili hapa, haki?
Ambayo ni hii moja na hii moja.
Wote mechi baridi.
Kitu kingine gani.
Hivyo kama wewe alisema, .cool, nafasi, .special, nini wewe kwenda kusema ni,
ndani ya hizi tags, ni nini maalum?
ALLISON BUCHHOLTZ-AU: Hm.
Hiyo ni nini ubaya wake wa kulia.
Kwa sababu ni kama tu kitu hapa.
>> TOMAS Reimers: Hivyo ni kuchagua kitu chochote.
>> ALLISON BUCHHOLTZ-AU: Ambapo kwa maalum, tuko ndani ya hizi tags hapa.
>> TOMAS Reimers: Wale na wale.
Watazamaji: OK.
Hivyo wale vitambulisho kutoka mbele kufyeka?
>> TOMAS Reimers: Ndiyo.
Je, hiyo mantiki?
Jinsi ni kimsingi kujaribu kupunguza wigo.
ALLISON BUCHHOLTZ-AU: Yeah.
Nadhani kwamba pengine njia rahisi ya kufikiri juu yake.
>> TOMAS Reimers: Hivyo sisi kupatikana hii, na sisi kupatikana hii wote kuendana maalum.
Na kisha sisi ni kuuliza, ndani ya guys haya, nini baridi?
Na ndani ya hii moja, baridi hii ya mtu.
Ndani ya hii moja, hakuna baridi.
Hivyo hii ni tag tu kwamba bado.
>> ALLISON BUCHHOLTZ-AU: Wakati baridi ni tu ndani ya vitambulisho haya a huko.
TOMAS Reimers: Hasa.
Na nini maalum ndani ya hizo?
Chochote.
Sasa, nini nasema ni kama kulikuwa hakuna nafasi,
wewe ni kuuliza nini baridi na special-- au nini pretty na maalum, haki?
Kama wewe kusema .special.pretty, hiyo ni sawa kama .pretty.special.
>> Kwa sababu kile kuondoa nafasi ni kuuliza ni, wakati wewe kusema .special,
wewe ni kuuliza, OK, ambayo ndio ni maalum?
Na kisha ya wale, ambao ndio pia ni pretty,
ambayo ni sawa, grama, kama kuuliza, nini pretty,
na kisha ya wale, nini pia maalum?
Haki?
Ni tofauti ya nini ndani ya ni nini.
Watazamaji: OK.
TOMAS Reimers: Yeah.
Kutisha.
Hivyo, pamoja na kwamba katika akili then--
>> ALLISON BUCHHOLTZ-AU: Nadhani mwisho wetu Jambo ni (IN FANCY BRITISH lafudhi)
sanduku mfano.
>> TOMAS Reimers: box-- [chuckles] Mimi upendo njia Allison anasema kwamba.
Hivyo sanduku mfano kitu.
>> ALLISON BUCHHOLTZ-AU: Tu sanduku, mimi itakuwa sanduku yako mfano.
TOMAS Reimers: Hivyo hebu majadiliano juu ya hilo.
Hivyo sasa hivi tumekuwa alitumia mengi muda kuzungumza juu ya selectors.
Kwa sasa, you guys ni pengine, kama, mabwana wa selectors-- unajua,
jinsi ya hasa kuchagua maudhui ambayo unataka kuendesha kwenye screen yako.
>> Hivyo sasa swali ni, jinsi hasa unaweza kuendesha yake?
Kwa hiyo mimi nadhani msingi zaidi njia ya kufikiri juu ya kwamba
ni, vizuri, nini hasa ni kipengele katika CSS?
Tumekuwa alitumia muda mwingi kuzungumza juu ya, ni nini tag,
au ni nini msingi zaidi uwakilishi wa tag?
>> njia nzuri ya kufikiri juu ya yaani, ni umbo ni lax?
Nini sura ni, kama, lax-rangi background?
>> Watazamaji: Ni mstatili.
>> TOMAS Reimers: Ni mstatili, haki?
>> ALLISON BUCHHOLTZ-AU: Hakuwa swali hila.
[Kicheko]
>> TOMAS Reimers: Si kujaribu hila nyie hii marehemu.
Hivyo tuna pembenne hii.
Na tag ni p, haki?
Hivyo kwamba inatupa nzuri imani kwamba aya
ni kuwakilishwa kama mstatili, katika angalau katika akili ya browser, ambayo
ni.
>> ALLISON BUCHHOLTZ-AU: I mean, browsers ni kawaida rectangular,
hivyo inafanya hisia.
>> TOMAS Reimers: Wazo hapa ni kwamba wote wa vitambulisho ndani ya CSS
ni kuwakilishwa kama mstatili.
Na kila Mstatili ina nne sehemu kulingana na CSS, OK?
Una maudhui halisi.
Hiyo ambapo Nakala uongo.
>> ALLISON BUCHHOLTZ-AU: Labda picha yako.
>> TOMAS Reimers: Yeah.
Una padding, ambayo ni baadhi tu ya aina ya nafasi nyeupe.
Kisha una mpaka.
Na kisha una margin, ambayo ni nafasi nyeupe nje ya hiyo.
Hivyo kwamba haina mantiki kwa mtu yeyote, hivyo sisi ni
kwenda kuzungumza kuhusu kwamba kwa ajili ya pili.
Hivyo haki hapa, nini tunakwenda kufanya ni tunakwenda kujenga baadhi divs, OK?
Samahani wakati I--
>> ALLISON BUCHHOLTZ-AU: Najisikia kama tunapaswa kuweka picha cute katika.
>> TOMAS Reimers: Sisi dhahiri lazima.
>> ALLISON BUCHHOLTZ-AU: Najisikia kama kila mtu
wanaweza kunufaika kutokana na cute picha, ni wote.
>> TOMAS Reimers: Je, sisi faida yote kutoka a--
>> Watazamaji: Yeah, uhakika.
TOMAS Reimers: OK, cool.
Hivyo tunapaswa kuweka cute picha katika mahali fulani.
ALLISON BUCHHOLTZ-AU: Mimi najisikia kama cute Bunny inaweza kuwa na manufaa hivi sasa.
TOMAS Reimers: Sure.
ALLISON BUCHHOLTZ-AU: Mwisho wa wiki.
Kuwa na kitu adorab--
>> TOMAS Reimers: Jinsi bout kitten?
>> ALLISON BUCHHOLTZ-AU: kitten kazi, pia.
>> TOMAS Reimers: Cool, kwa sababu kuna tovuti kwa ajili hiyo.
Ni wito PlaceKitten.
ALLISON BUCHHOLTZ-AU: Hiyo ni kubwa.
TOMAS Reimers: Ndiyo.
ALLISON BUCHHOLTZ-AU: Tu kwa ajili ya, kama, placeholder picha katika tovuti yako.
TOMAS Reimers: Mm-hm.
Kuna pia PlacePuppy.
Na kuna PlaceBacon.
>> ALLISON BUCHHOLTZ-AU: PlaceBacon?
Kweli?
>> TOMAS Reimers: Oh, hatufanyi intaneti hapa.
>> ALLISON BUCHHOLTZ-AU: [kilio]
Kutisha.
TOMAS Reimers: Vinginevyo, Napenda kuonyesha guys
jinsi ya kuweka picha katika tovuti yako.
Sisi ni kwenda kujaribu kupata hii kazi kabla ya sisi kwenda.
Lakini kwa sasa, tuko tu kwenda kuzungumza katika rangi huo.
Tunataka kuweka picha za kittens--
>> ALLISON BUCHHOLTZ-AU: Sisi alifanya.
>> TOMAS Reimers: --the biashara ya chini kwa muda huu.
Hivyo tuna divs mbili, na tuko kwenda kuwapa vitambulisho mbili.
Tunakwenda kuiita "Ya kwanza" na "pili."
Hivyo id = "kwanza."
Na sisi ni kwenda kuwapa rangi mbili.
Hivyo ni jinsi gani sisi kuchagua kitu na kitambulisho ya "kwanza"?
ALLISON BUCHHOLTZ-AU: Dot au hash?
Watazamaji: Sharp.
TOMAS Reimers: Sharp, kamilifu.
Sharp, hash, chochote we--
>> ALLISON BUCHHOLTZ-AU: Kura ya mambo ya simu yake.
>> TOMAS Reimers: OK.
Sisi ni kwenda kukaa juu ya hashtag, na kwamba ni nini sisi ni kwenda kwa.
OK?
>> ALLISON BUCHHOLTZ-AU: Alama ya reli.
>> TOMAS Reimers: Hivyo hashtag ya kwanza.
>> ALLISON BUCHHOLTZ-AU: Hivyo unaweza tweet seminar--
hashtag CSS, hashtag baridi.
TOMAS Reimers: Alama ya reli Awesomeness.
ALLISON BUCHHOLTZ-AU: Hashtag Awesomeness, ndiyo.
TOMAS Reimers: OK.
Hivyo tuna "ya kwanza" na "pili."
Hivyo kwanza, tunakwenda kuwa rangi ya asili ya nyekundu.
ALLISON BUCHHOLTZ-AU: Uh, koloni.
TOMAS Reimers: Yup.
ALLISON BUCHHOLTZ-AU: Nitakuwa yako doa-kusahihisha.
TOMAS Reimers: Allison got me.
Background-rangi ya blue--
>> TOMAS Reimers: Purple!
>> TOMAS Reimers: Purple.
ALLISON BUCHHOLTZ-AU: Ndiyo.
Purple ya rangi yangu favorite, na sisi si kutumika yake bado.
>> TOMAS Reimers: Violet.
ALLISON BUCHHOLTZ-AU: Violet.
Kwamba kazi.
>> TOMAS Reimers: Hivyo sisi ni kwenda na divs mbili.
Wao wanaenda kuwa kabisa tupu.
Sisi lazima pengine kuwa na baadhi ya maandishi.
Hivyo "ya kwanza" ni kwenda kuwa "HELLO."
Na "pili" itakuwa say--
>> ALLISON BUCHHOLTZ-AU: Goodbye.
>> Watazamaji: - "WORLD."
Hello, kwaheri.
ALLISON BUCHHOLTZ-AU: Niliona yao katika tamasha wiki nyingine.
TOMAS Reimers: Beatles?
ALLISON BUCHHOLTZ-AU: Kwa reals.
Wao ni si kubwa.
Sijui kama hayo.
>> TOMAS Reimers: Tuna "HELLO" na "kwaheri."
Na tena, CSS ni tu ya kutisha, sababu inatambua rangi yetu.
Hawana haja ya hata wasiwasi kwamba wao kuwepo.
Wao kufanya.
>> ALLISON BUCHHOLTZ-AU: Wao kuwepo.
>> TOMAS Reimers: Hivyo CSS Nadhani ina Maneno 255 kwa majadiliano juu ya rangi.
Kama unaweza kufikiria rangi nje wale 255, kama, mimi itakuwa hisia.
ALLISON BUCHHOLTZ-AU: Yeah.
Nadhani wewe guys inaweza kuwa kuja tu katika haki baada.
>> TOMAS Reimers: Hivyo hapa, utaona tuna masanduku mawili
haki juu ya kila mmoja, haki?
HELLO na kwaheri.
>> ALLISON BUCHHOLTZ-AU: Hakuna nafasi katika kati.
Wao ni tu smooshed haki juu ya kila mmoja.
>> TOMAS Reimers: hivyo jambo la kwanza Nadhani tunapaswa kuzungumzia
ni hebu pia say-- yeah.
Hivyo CSS inawakilisha yao kama aina ya masanduku.
Na kama masanduku, wana maudhui.
Na maudhui ya hivi sasa ni aina ya HELLO au kwaheri na hiyo ni yake.
OK?
>> Hivyo moja ya mambo ya kwanza unaweza kufanya ni unaweza kuongeza padding.
Padding anasema nafasi kiasi gani ni lazima kuondoka kwenye kila upande.
Basi hebu kusema nataka kusema 10 saizi ya kila upande.
Nami mchambue kwamba katika pili.
ALLISON BUCHHOLTZ-AU: Mambo yote haya hapa
ni kwenda kuwa wengi wao wakiwa katika saizi ajili ya mapumziko ya semina.
Wewe ni kwenda kuona kwamba ina baadhi ya nafasi karibu yake, haki?
Hivyo kile huna kuona hapa ni kuna aina hii usioonekana wa padding
kila upande, ambayo inasema, kama, OK, una boksi lako la content--
>> ALLISON BUCHHOLTZ-AU: Je, unataka tu kuvuta up kukagua kipengele?
>> TOMAS Reimers: Yeah, hiyo ni wazo nzuri.
ALLISON BUCHHOLTZ-AU: Pia, mimi kupata kwamba kukagua kipengele ni njia nzuri
kufikiri kama kitu ni kwenda vibaya, kitu yasiyotarajiwa hutokea,
ukaguzi vitambulisho na kuona nini ni kama overwritten ni kusaidia.
>> TOMAS Reimers: Kwa hiyo mimi nina uhakika kama wewe guys unaweza kuona rangi hii.
Unaweza?
Utaona padding hii juu ya aina ya makali.
Na kisha unaweza kuona halisi yaliyomo katika bluu, haki?
Hivyo hiyo ni sana misingi ya mfano sanduku.
Una maudhui.
Kisha una padding.
>> Watazamaji: Kwa nini si wewe tu kutumia sanduku ndani ya the--
>> ALLISON BUCHHOLTZ-AU: Haki.
Kwa sababu ni kuchagua tu kipengele hivi sasa.
>> TOMAS Reimers: Yup.
Mambo mengine.
Basi hebu majadiliano juu ya kwamba padding amri kwa ajili ya pili.
Hivyo katika CSS, vipimo haja ya kuwa na kitengo.
Hivyo kwanza una kiasi.
Hivyo katika kesi hii, tumekuwa alisema 10.
Na kisha moja ijayo tumekuwa alisema ni saizi, px.
Wale wengine unaweza kuwa ni mambo kama sentimita, inches.
Unaweza kufanya mambo kama, nini ni inchi 10?
Na itakuja kuwa ridiculous.
>> ALLISON BUCHHOLTZ-AU: Oh, mvulana.
>> Watazamaji: Whoa.
>> TOMAS NA ALLISON: Yeah.
TOMAS Reimers: Basi hiyo ni yote padding.
Mimi nina kwenda nyuma saizi.
>> ALLISON BUCHHOLTZ-AU: saizi huwa na kuwa, kama, standard.
Wakati ukiangalia mengi ya Nje, wengi wao kazi katika saizi.
TOMAS Reimers: Hivyo wewe ni kwenda kuona ama pixels-- wale wengine unaweza kuona
ni em, ambayo ni em moja ni sawa na urefu wa font
ambayo wewe ni sasa kutumia.
>> ALLISON BUCHHOLTZ-AU: Mm.
TOMAS Reimers: Ni njia nzuri ya kusema, kama, nataka nafasi kama vile font yangu
ni kuchukua.
ALLISON BUCHHOLTZ-AU: Je, hamjui kwamba.
Unaweza kujifunza kitu kipya kila siku.
TOMAS Reimers: Kuna mengi ya vipimo katika CS.
Mimi zinaonyesha wewe kuangalia yao juu.
Kwa kesi yako yote, nadhani saizi lazima kutosha.
Na wao uko pia kile wewe ni kwenda kuona
katika wengi wa mifano kufanyika online.
Hivyo tutaweza kuondoka ni saa saizi.
>> Unaweza pia, mimi lazima say-- hivyo seti padding yote ya paddings.
Unaweza pia kufanya kitu kama "Padding-top" tu set--
ALLISON BUCHHOLTZ-AU: Labda tutaweza kupata yetu "HELLO" nyuma.
TOMAS Reimers: --to kuweka tu padding juu na kitu kingine.
Hivyo amri ya nne ni padding-juu, padding-chini, padding-kushoto,
na padding-kulia.
>> ALLISON BUCHHOLTZ-AU: Tu kama ungependa kutarajia kwa ajili ya sanduku.
>> TOMAS Reimers: Yeah.
Hakuna pia mambo huko.
Je, hiyo mantiki?
Hivyo kwamba ni padding.
Mimi nina kwenda kuweka wote paddings nyuma 10.
Na kisha mimi nina kwenda na hoja juu ya mpaka.
>> Hivyo kile mpaka ni ni mpaka ni amri weird.
Inachukua aina ya mambo matatu kwa wakati mmoja.
Hivyo kwanza ni jinsi kubwa unataka kuwa kama kipimo.
Tena, mimi nina tu kwa kutumia saizi.
Na jambo la mwisho mimi unapaswa kuongeza vipimo
ni jambo moja ambayo haina haja ya kitengo ni 0.
Ni kweli sahihi kutoa 0 kitengo,
kwa sababu 0 ni 0 hela inches, saizi, sentimita, chochote.
Yote tu ina maana 0, haki?
Hivyo kwanza wewe kuwapa kipimo.
>> Kisha wewe kuwapa style.
Hivyo nina kwenda kusema "imara."
Na tutaweza majadiliano juu ya nini maana.
Na kisha mwisho, wewe kuwapa rangi.
Hivyo nina kwenda kusema "nyeusi."
Na haya ni mambo yote sisi wameweza sasa kuona mbele, ila kwa ajili ya style,
lakini tutaweza kuzungumzia suala hilo.
Hivyo guys tumeona vipimo, na ve kuonekana rangi.
Na kile kinachotokea ni sisi kupata hii nzuri nyeusi mpaka karibu yake, haki?
You guys kuona jinsi sisi alifanya hivyo?
>> Watazamaji: Yeah.
>> TOMAS Reimers: Cool.
Kwa hiyo kile ni kwamba?
Hivyo kwanza ya yote, ni pixel moja.
Hiyo ni binafsi dhahiri kutosha, sawa?
Kama, ni pixel moja nene.
Au itakuwa ni pixel moja, lakini nina zoomed katika, hivyo ni kidogo zaidi
zaidi ya hiyo.
>> ALLISON BUCHHOLTZ-AU: Na tuna hii ridiculous azimio TV.
>> TOMAS Reimers: Yeah.
Unaweza kufanya hivyo kubwa, ndogo, chochote.
Hivyo hapa ni mpaka mbili pixel.
Utaona ni mara mbili kama nene.
Jambo la pili una ni rangi.
Hiyo si ya kuvutia.
Mimi si kwenda kuzungumza juu ya kwamba, kwa kweli.
>> ALLISON BUCHHOLTZ-AU: Lakini style inaweza kuwa tu kidogo ya kuvutia.
>> TOMAS Reimers: Yeah.
Hivyo style, kuna wachache ndio kwamba mimi kuona kutumika kawaida.
Kwanza moja ya imara, moja ijayo ya dotted, na dashed moja jana.
Na hapa ni dotted.
Utaona kwamba wao ni rundo la dots, haki?
njia nzuri ya aina ya kupata mpaka nzuri kwenda, pia dashes ni pretty maarufu.
>> ALLISON BUCHHOLTZ-AU: Na kisha bila shaka, mimi nina
uhakika kuna mengi mengine mitindo kwamba unaweza kupata.
Na tuna kuweka kubwa ya viungo mwishoni kwa guys
aina ya peruse na kuangalia zaidi baridi CSS.
>> TOMAS Reimers: Na kisha Jambo la mwisho, tuko
kwenda kuzungumza kuhusu mifano sanduku halisi haraka.
Oh, na kisha mpaka, hasa kama padding,
pia una mambo kama mpaka-kushoto, mpaka-kulia, mpaka-juu,
mpaka-chini, ambayo kuruhusu kupata mpakani maalum.
Hivyo hapa ni tu mpaka kushoto-defined.
Je, hiyo mantiki?
>> ALLISON BUCHHOLTZ-AU: Ni baridi njia kusisitiza mambo au kuongeza
mistari kati ya mambo mbalimbali.
TOMAS Reimers: Kabisa.
Hivyo hiyo ni mipaka yetu.
Na kiasi moja jana.
Margin ya kama padding ila ni si within--
ALLISON BUCHHOLTZ-AU: Ni si kuzunguka kipengele yako
lakini kwa kweli karibu nzima sanduku kwamba tumekuwa tukiona.
>> TOMAS Reimers: Yeah.
Allison alisema kikamilifu.
Ni si, kama, ndani ya yako kipengele, ni karibu sanduku nzima.
Hiyo ina maana mambo kama background hayahusu yake.
Na kimsingi anasema, kama, sitaki chochote
katika nafasi hii sana kwangu.
Hivyo kama hapa tuna margin ya 10 saizi.
Hivyo hakuna ndani ya 10 saizi lazima karibu na mimi.
Hiyo ni aina ya yake nafasi lakini aina ya si.
Hivyo hiyo ni sana misingi ya mfano sanduku.
Je, hiyo mantiki?
Cool, baridi.
ALLISON BUCHHOLTZ-AU: Awesome.
Hivyo sasa nadhani sisi tu kuwa rasilimali zetu baridi
kwamba tutaweza kuchukua wewe guys njia ya haraka sana.
Na tutaweza actually-- vizuri, Je, tuna biashara bado?
>> TOMAS Reimers: Hebu kuona kama naweza kufungua up--
napenda tu kuona kama mimi unaweza kupata internet haraka
wakati Allison mazungumzo juu ya kitu chochote Allison anayetaka kuzungumzia.
ALLISON BUCHHOLTZ-AU: Hivyo basically-- mimi si
kujua nini kingine naweza kusema katika hatua hii.
Lakini hizi ni baadhi rasilimali nzuri kwa kweli.
Hawa ndio kwamba Tomas na mimi kutumika
na kwamba sisi kweli kutumika prep kwa hili.
W3Schools ni moja kwamba guys lazima tumeona kabla.
Sisi kupendekeza kwa mambo mengi kwa CSS.
Mimi najua kupendekeza kwa sehemu yangu wakati wote.
>> Moja ya mambo makubwa ni kwamba utapata aina ya fujo na CSS
na kuona mabadiliko mara moja katika hili,
kama, mbili-dirisha mtazamo kwamba ina.
Hivyo huna kuwa na wasiwasi kuhusu kuanzisha mwenyewe mtandao ukurasa wako,
au kuanzisha vhost katika yako appliance ndani na jeshi mitaa,
na kupata yote ya kazi mambo ya ajabu.
Ni iliyoingia haki ndani ya ukurasa.
>> Na ina haya kidogo masomo ambayo unaweza
kwenda kwa njia ya kujifunza zaidi kuhusu selectors,
au kujifunza kuhusu kufanyia yako font, au background, au picha.
Na una hizi matokeo instantaneous kwamba
hawana kufanya lolote nyingine prep kazi kwa.
Hivyo mimi upendo W3Schools.
Ni Fabulous.
Je, ni kazi?
>> TOMAS Reimers: Yeah.
Hakuna, si.
Je, unataka mimi kujaribu na kuanzisha upya kompyuta yangu?
Au tunataka to--
>> ALLISON BUCHHOLTZ-AU: I mean, vizuri, hii pia kuwa online.
Slides wote watakuwa online.
Hivyo mimi tu sana kupendekeza kufanya haya.
>> Hii ni kubwa kama tu kama shuka kudanganya.
Ni tu yote ya msingi amri kwamba una.
Ni kubwa wakati uko kwanza kuanzia nje ya tovuti yako.
Kwa sababu labda huna wanataka kupata katika kila
nitty gritty halisi kubuni-nzito mambo ya ajabu.
Wewe tu haja ya muundo ni katika njia aina hiyo ya mantiki na mapenzi
kufanya kwa wakati huu.
Na kama kweli unataka kupata ndani yake, najua
hii ni, kama, moja ya Tomas ya favorite rejea.
Tulikuwa kutumia kwa prep, na ni Fabulous.
Ni Developer kutoka Mozilla.
>> TOMAS Reimers: Hivyo Mozilla ni watu ambao kufanya Firefox.
Na ni tu developer yao wenyewe kumbukumbu, ambayo nadhani ni wa kushangaza.
Na ina ajabu orodha ya rasilimali.
Hivyo sisi have--
>> ALLISON BUCHHOLTZ-AU: Na kisha mwisho kumbuka ni
wakati wewe ni kujaribu kubuni tovuti yako,
kuteka msukumo kutoka mambo ambazo unadhani kuwa ni pretty.
Ukaguzi wa kipengele, ukaguzi code chanzo
inaweza kuwa super manufaa kwa kujaribu kufikiri
jinsi ya style tovuti yako mwenyewe.
>> Mara nyingi, mimi kuhisi kama bora njia, badala ya majaribio,
ni tu kuangalia mambo ambayo ni pretty.
Mimi kupata ni ngumu kweli kweli tu aina ya kubuni mambo juu yako mwenyewe,
hasa katika mwanzo.
Hivyo tafadhali kuangalia tovuti kwamba wewe kufurahia kuangalia.
Kufikiri nini hufanya yao rufaa na wewe.
Na kisha kujisikia huru kujaribu na kuiga hiyo.
>> TOMAS Reimers: Haki.
Hata kama tovuti kama hii, unaweza kuona
kuna dhahiri div saa ya juu.
Na kisha una div nyingine ndani hapa, ambayo ni CSS Awesomeness.
Na kisha una rundo la viungo hapa.
Kama kweli tu kukagua vipengele, unaweza aina ya
kuanza kuona nini tovuti kuangalia kama, na jinsi gani mimi
recreate kwamba kama mimi alitaka.
Je, hiyo mantiki?
Hivyo sisi tu dakika tatu kushoto.
Kwa hiyo, maswali?
Yeyote kati yao?
Ndiyo.
>> Watazamaji: Kwa rangi mstatili, jinsi ingekuwa wewe
have-- kama wewe hakutaka kwenda kote ukurasa mzima, inaweza
umeweka ni kwenda katika tu ukurasa nusu au tu maandishi?
>> TOMAS Reimers: Yeah, kabisa.
Hivyo basi mimi kuona kwa kweli.
Nina mawazo mawili.
Hivyo kwanza ya yote, wewe Unaweza pia kutumia percents.
>> Watazamaji: Kweli?
>> ALLISON BUCHHOLTZ-AU: Hivyo kitu kuangalia juu ni jamaa positioning.
Ni kitu ambacho sisi hawana muda kupata katika,
lakini ni kitu mimi dhahiri kupendekeza guys kuangalia nje.
>> TOMAS Reimers: percents vivyo hivyo.
Na kuona jinsi sisi alifanya hivyo 50% tu ya upana?
ALLISON BUCHHOLTZ-AU: Kama kweli kujua idadi ya saizi,
unaweza kuwa sahihi zaidi kwa njia hiyo.
Unaweza Fiddle karibu na hiyo.
Lakini 50%.
Kama tulikuwa na resize browser wetu, ingekuwa kufanya hivyo vidogo vidogo.
>> TOMAS Reimers: Naam, ni kimsingi 50% hivi sasa, nadhani.
Ni 50%, na kisha margin imeongezwa hiyo.
CSS ina mengi ya quirks.
Hivyo sasa hivi hii ni 50% ya ukurasa upana.
Lakini kumbuka kwamba una 10 saizi kuchukuliwa mbali kutoka kila upande.
Hivyo kama wewe walikuwa na hoja kwamba dhidi ya makali ya kushoto ya browser,
basi bila kuangalia kama 50%.
Tena, kama nilivyosema, CSS unaweza kuwa mengi ya nadhani-na-kuangalia.
Kama, unafikiri kitu ni kwenda kuishi kwa njia moja,
lakini kutenda kwa njia tofauti kabisa.
>> ALLISON BUCHHOLTZ-AU: Na wewe tu kupata nadhifu,
na wewe tu kupata bora Intuition kwa ajili yake kama wewe hoja pamoja.
>> TOMAS Reimers: Na anapata zaidi na zaidi.
Hivyo ni kweli tu mbio.
>> ALLISON BUCHHOLTZ-AU: Hiyo ni super kutia moyo.
Tunataka kama CSS.
>> TOMAS Reimers: CSS ni wa kushangaza.
Kumbuka kwamba.
Maswali mengine?
>> ALLISON BUCHHOLTZ-AU: jambo moja.
Kitu kingine?
Baridi.
>> TOMAS Reimers: Awesome.
>> ALLISON BUCHHOLTZ-AU: Naam, kama wewe guys una maswali yoyote baadaye,
sisi ni daima inapatikana kama per kawaida.
Pengine utasikia kuona baadhi wetu kwa ajili ya miradi ya mwisho
na dhahiri katika hackathon.
>> TOMAS Reimers: Kabisa.
Na katika haki.
>> ALLISON BUCHHOLTZ-AU: Na katika haki.
Oh.
>> TOMAS Reimers: Kuangalia mbele kwa kuona yote ya awesome-- yako
>> ALLISON BUCHHOLTZ-AU: Tutaona yote ya tovuti yako kutisha
kwamba itakuwa nzuri.
TOMAS Reimers: Unaweza daima kuona, kama, tovuti
ambaye alikuwa, kama, nzuri CSS na kisha kama wale ambao hawakuwa kujaribu kufanya CSS.
ALLISON BUCHHOLTZ-AU: Pia, mwingine kitu, jambo moja zaidi kwa kuangalia katika
ni Uchangishaji.
Hivyo Bootstrap ni kubwa.
>> TOMAS Reimers: Google kwamba kama you--
>> ALLISON BUCHHOLTZ-AU: Google yake.
Ni Fabulous.
Wewe utakuwa kupenda.
Na sasa kwamba una uelewa wa msingi wa CSS,
utakuwa mantiki mengi zaidi.
Kutisha.
Shukrani, guys.
>> TOMAS Reimers: Asante sana.