>> [Daqq ta mużika]
ALLISON BUCHHOLTZ-UA: Allura aħna qed bażikament biss jmorru
nagħtikom telqa ta CSS, għaliex aħna nafu
li ma kienx kopert fil-sezzjonijiet kollha.
U aħna verament jixtiequ jagħmlu ċert li int guys jkollhom din l-għodda għad-dispożizzjoni tiegħek,
minħabba li għandha l-ħila li jagħmlu websajts tiegħek ħarsa ħafna prettier.
>> U jekk int bini ta 'websajt, imbagħad inti probabilment tixtieq li tagħmel dan pretty.
I mean, inti ma għandekx, imma I d jissuġġerixxu dan. [Laughs]
Jekk inti tixtieq utenti biex jużawh, inti tista tixtieq li tagħmel dan ftit [inaudible].
Allura aħna qed tmur biex jippruvaw u jtik biss xi għodod bażiċi u l-fehim,
b'tali mod li meta inti tmur out u int riċerka affarijiet dwar CSS,
mhuwiex jitlesta gibberish, bħal CSS kultant, li tkun.
>> Tomáš REIMERS: Yeah.
Allison qal li pretty ukoll.
So I raden l-ewwel ħaġa li għandna għandhom jibdew bl huwa dak li huwa CSS?
Allura CSS huwa tal-biża.
CSS--
>> ALLISON BUCHHOLTZ-UA: C'est l-isem ta 'seminar tagħna.
>> Tomáš REIMERS: Yeah.
Huwa tassew importanti li inti tifhem li sa dakinhar.
Jekk inti biss tieħu bogħod wieħed ħaġa, huwa li CSS jekk biża.
Tnejn huwa CSS stands għall Cascading Style Sheets.
Allura fil-qalba tagħha, CSS huwa folja stil, li jfisser
hija tippermetti li inti stil web page.
U allura dak li jfisser, huwa mod biex iżidu l-istil għal websajts tiegħek.
Allura billi stil, rridu nfissru kollox li mhux structural--
sabiex l-affarijiet simili kuluri, l-isfond immaġini, il-fruntieri, bħal, ikkuttunar,
marġini.
Aħna ser jitkellmu dwar dak li dak kollu li jfisser fil-daqsxejn.
>> Allura aħna ħadthom biss marret quddiem u miftuħa kemm ta 'dawk fil gedit.
Allura dan huwa index.html.
U dan huwa main.css.
Allura main.css m'għandha x'taqsam xejn.
ALLISON BUCHHOLTZ-UA: L-ebda stil s'issa.
Tomáš REIMERS: Xejn.
U kif tkun taf tara, huwa sit verament ikrah.
ALLISON BUCHHOLTZ-UA: Huwa biss sempliċi.
Tomáš REIMERS: Yeah.
Yeah, mhuwiex ikrah, huwa biss minimalista.
U allura hawnhekk għandna index.html.
U hekk għal quick terġa tat HTML, Allison,
inti tixtieq li biss jitkellmu dwar il-paġna?
>> ALLISON BUCHHOLTZ-UA: Yeah.
Allura ovvjament, aħna għandna HTML tagħna tag, li ftit ismijiet file HTML.
Għandna header tagħna hawn, ma CSS Awesomeness, which-- jekk inti tmur lura.
Fejn hi li?
>> Tomáš REIMERS: Oh.
Yeah, inti tista 'tara.
ALLISON BUCHHOLTZ-UA: U l-avviż l-header
huwa dan header tab dritt up here.
U mbagħad "Hello, dinja!" huwa it-test li għandna biss
wiri fuq il-web Paġna li is-- jmorru lura.
Back.
Li huwa biss fil-ġisem tagħna here---test sempliċi.
Ukoll, ħaġa waħda li Avviż, jekk inti tfittex hawn,
Tomas qalbu up dawn tnejn mill slide tagħna.
Allura sakemm ikollok kollox tlieta minn dawn, int multa.
Huma jistgħu jkunu fi kwalunkwe ordni li jridu.
X'hemm aktar importanti huwa biss li inti għandek kull wieħed minn dawk it-tliet affarijiet.
>> Tomáš REIMERS: Kessaħ.
Żid tip doc?
ALLISON BUCHHOLTZ-UA: Yeah.
Tomáš REIMERS: Yeah.
Kessaħ.
ALLISON BUCHHOLTZ-UA: Apparentement, MICs tiegħi ma simili me.
Tomáš REIMERS: Oh, agħtina sec biss filwaqt Allison swiċċijiet out mic tagħha.
Allura yeah.
Allura aħna għandna paġna prinċipali tagħna.
Huwa tip ta 'unstyled.
Aħna ma jkollhom ħafna.
Aħna biss għandhom bażikament test.
Għandna l-karta tal-istil.
Għandna it-titolu.
Hekk biss bare-għadam imneħħi komponenti tagħmel websajt.
>> Allura minn hemm, ejja jitkellmu dwar dak CSS huwa
u dak li jidher qisu u kollha ta 'dak.
Allura għal that--
ALLISON BUCHHOLTZ-UA: Lura għall-pjastri.
Tomáš REIMERS: Lura għall-pjastri.
U Allison tista 'tieħu f'idejha.
>> ALLISON BUCHHOLTZ-UA: Woo.
OK.
Allura fil-fajl CSS tiegħek, int ser ikollhom
ħafna ta 'dawn l-affarijiet imsejħa seletturi.
Dak se jkun biss il- bażi ta 'fajl CSS tiegħek.
Huwa biss se tkun lottijiet u lottijiet ta 'dawn.
Allura selettur.
Dan huwa biss l-anatomija ġenerali.
Aħna qed tmur biex jgħaddu eżempji, għaliex jekk inti guys qatt
jarah taqsima tiegħi, inħoss bħall-affarijiet fil-astratt
ma verament jagħmel sens.
Hija dejjem jgħin biex tara l-eżempji.
>> Allura aħna għandna xi selettur.
Li għaddej biex tkun xi identifikatur għall dak li rridu l-istil li japplikaw għall.
U allura nistgħu jkollhom xi sett ta 'regoli u valuri.
Allura seletturi li inti tista 'tara Jista 'jkun xi ħaġa bħal ġisem,
jew tal-paragrafu ma P, jew header, jew kwalunkwe,
xi trid tags HTML tiegħek li tkun.
>> Allura f'dan il-każ, għandna ġisem.
U aħna għandna xi regola, li dan jikkorrispondi
għal dak l-istil tiegħek tapplika għal.
Allura f'dan il-każ, aħna għandna kulur fl-isfond u l-piż font.
Allura dan huwa se jibdlu l-isfond ta 'xejn
fi ħdan kull korp tag tal-fajl HTML tagħna.
U li għaddej biex jagħtu dan il-valur blu dawl.
>> Allura huwa għaddej biex jagħmlu l- sfond blu dawl.
U mbagħad xejn fil-ġisem hija se jkollu piż font bold.
Allura huwa biss se bold kollha ta 'test tagħna.
U dan huwa biss selettur wieħed.
Imma inti jista 'jkollhom ħafna ħafna minn dawn.
U kif aħna qed tmur biex juru aktar tard, ftit aktar dwar kif
li x-xogħlijiet u l-aktar eżempji hemmhekk.
Xi ħaġa li inti trid iżżid?
>> Tomáš REIMERS: No
Allison ltqajna.
Aħna biss se taqtgħu up Eżempju hawn fuq eżempju sit tagħna.
Mela ejja fil-fatt jieħdu din.
Huwa perfetta.
Allura jien biss ser kopja u paste dak id-dritt fil-fajl main.css tagħna.
U jien ser tiffranka.
U allura aħna se run.
Nota Allura naħa, wieħed mill- aktar affarijiet frustranti
huwa jekk inti ma tiffranka fajl, u allura inti, simili, rikarigu-paġna,
u simili, għaliex mhuwiex il-bidla jiġri?
Dan jiġri.
Allura hawnhekk rajna li għamilna tagħna website sfond blu dawl
u xi test bolded.
>> I għandu jsemmi wkoll, jekk inti guys xi mistoqsijiet dwar xi ħaġa
li aħna qed tagħmel, nitolbok li tħossok ħielsa biex tieqaf magħna u jistaqsu lilna.
Aħna totalment lesti ma 'qasam mistoqsijiet.
>> ALLISON BUCHHOLTZ-UA: Ovvjament, ma CSS, kollox tibni fuq innifsu.
Mela jekk ħaġa waħda ma jagħmel sens issa, aħna
Ma rridx li biex bog inti isfel aktar tard.
>> Tomáš REIMERS: Mela ejja tip ta 'dissect dan.
Allura inti tixtieq li tibda bis-selettur hawn?
>> ALLISON BUCHHOLTZ-UA: Yeah.
Kif I kien qal qabel, korp huwa biss selettur tagħna hawn.
Mela jekk immorru lura fuq l ah index-- tagħna.
>> Tomáš REIMERS: Liema I biss magħluq.
Agħti me-tieni.
Allura File, Open, index.html.
ALLISON BUCHHOLTZ-UA: Kessaħ.
Mela jekk tinnota hawnhekk, aħna jkollhom dawn tags ġisem, id-dritt?
Allura l-selettur biss jikkorrispondi għal l-tags li aħna qed jitkellem dwar.
Allura korp dritt hawn.
Allura dak li aħna qed tgħid huwa everything-- nistgħu mmorru lura?
Nixtieq I jistgħu biss bħall tmissx l-iskrin.
Hija d jkun tant cooler.
>> Allura xejn f dawk tags tal-ġisem, li rajna
kien biss, bħal, it-test, u l-korp in ġenerali
jirreferi għal, simili, l-isfond.
Jekk inti qatt tixtieq li jibdlu l-isfond,
li għaddej biex tkun tag ġisem.
Just għandha dawn ir-regoli applikati lilhom.
>> Mela jekk konna biex tmur index.html and-- attwalment,
nistgħu jkollhom xi ħaġa barra tal-ġisem?
Jekk kellna, bħal, footer jew xi ħaġa, ma jkunx japplika għal din.
Iżda xejn fi dawn it-tags tal-ġisem huwa għaddej
li jiġu affettwati minn dan il-korp selettur li aħna ħadna.
Mela jekk inti kienu li tip xi ħaġa oħra there--
>> Tomáš REIMERS: Ejja jsuq li d-dar.
Mela jekk kellna div-- b'tali mod li biss tag ieħor inti jista 'jkollhom.
Jien ser jingħalaq.
Jew ejja tagħmel dan il-paragrafu.
Allura p stands għall-paragrafu.
U fi ħdan dak il-paragrafu.
U mbagħad I say, "Dan huwa test."
Kessaħ.
U mbagħad I magħmula din ir-regola tapplika għall paragrafu minflok l-korp.
Int ser ikollok tara kif tapplika biss għal Il-paragrafu ffurmata ġdida, id-dritt,
mhux il-ħaġa sħiħa.
Does li jagħmel sens?
>> ALLISON BUCHHOLTZ-UA: Allura din hija kollha tal-ġisem,
iżda issa selettur tagħna biss jikkorrispondi għall-paragrafu.
Allura aħna biss għandhom kuraġġużi u blu għal dan il-paragrafu speċifika,
għaliex dan huwa l-unika ħaġa li jkun jinsab fil-tikketta p.
>> Tomáš REIMERS: Does li jagħmel sens it-tip ta 'kif l-affarijiet jirrappreżentaw affarijiet oħra?
ALLISON BUCHHOLTZ-UA: Ukoll, just li jgħidu, bħal, wieħed mill-aħjar modi
biex verament tikseb komda mal CSS huwa biss tagħmel affarijiet bħal dan,
biss jippruvaw it out.
Huwa sempliċi ħafna sabiex xi ħaġa tip out, hit Riffriskar, u tara x'jiġri.
U kif ma 'ħafna CS, esperimentazzjoni tista 'spiss
jwassal għal ħafna aħjar fehim intuwittivi.
Saħansitra aktar minn hekk minna biss, simili, nitkellmu miegħek.
>> Tomáš REIMERS: Assolutament 100% jaqblu fuq dan il-punt.
Mela jekk immorru lura għal dan, ejja nibdew dissecting eżattament liema dawn iż-żewġ do.
Allura aħna għandna żewġ regoli dwar dan.
Allura l-ewwel waħda hija kulur fl-isfond.
U inti tara li konna stabbiliti lilha ugwali għal valur, blu dawl.
>> Għalhekk fl CSS, CSS huwa tip ta ħafna laxka dwar kif
int permess biex jiddefinixxu kulur.
Allura inti tista 'tiddefinixxi lilhom mill-isem.
Tista 'wkoll tagħmel xi ħaġa bħal "aħmar."
U mbagħad jekk immorru lura għal dan, tkun taf tara li l-isfond huwa aħmar.
Tista 'wkoll tikseb really-- naħseb li inti jistgħu jiksbu pretty kreattivi ma 'dan,
ma tistax inti?
>> ALLISON BUCHHOLTZ-UA: I taħseb li inti tista 'tuża hex.
Mhux inti tista?
>> Tomáš REIMERS: Yeah.
Allura inti tista 'tuża hex.
Imma jien ħsieb isem għaqli.
Ma jkunux hemm?
ALLISON BUCHHOLTZ-UA: Tista 'tagħmel pjuttost ftit.
Pretty ħafna bħal ħafna kuluri li inti jista name-- simili, naħseb salamun huwa wieħed.
>> Tomáš REIMERS: Aħna salamun jipprova gonna.
ALLISON BUCHHOLTZ-UA: I think chartreuse huwa fil hemmhekk.
Tomáš REIMERS: Yeah.
Ara?
Allura inti tista 'tikseb pretty kreattivi.
>> ALLISON BUCHHOLTZ-UA: You setgħux jiksbu pretty kreattivi.
Bħal, jekk inti tista 'taħseb l- isem color, huwa probabbilment fil hemmhekk.
Jekk int verament tixtieq multa dettall, inti tista 'tmur hex.
>> Tomáš REIMERS: Yeah.
Allura hexadeċimali.
Jekk inti guys ftakar dan back minn PSET qadim tiegħek, Image Recover,
inti guys kellhom jittrattaw ma 'dawn il-valuri hex.
U sort ta lil terġa dak li hi, hex għandu tliet valuri maħżuna fih.
Allura huwa fi gruppi ta 'żewġ f'inkrementi.
L-ewwel tnejn jirrappreżentaw il-valur aħmar.
It-tieni wieħed jirrappreżenta il-valur aħdar.
U l-aħħar wieħed huwa blu?
>> Allura FF jiġri li jirrappreżentaw a hexadecimal 255.
Allura inti għandek 255 aħmar, 255 aħdar, u 0 għat blu.
U l-valuri jvarjaw bejn 0 u 255.
>> UDJENZA: Dritt.
Allura essenzjalment, nistgħu tfittxija l-internet għal kwalunkwe kulur li rridu,
u tidentifika l-fatt magħruf Combo kulur ispettru,
u mbagħad nistgħu poġġih fil-?
ALLISON BUCHHOLTZ-UA: Eżattament.
Allura inti għandek pretty ħafna kontroll sħiħ matul il-kuluri inti tixtieq fi ħdan CSS.
Huma aħna se nitkellmu dwar immaġini isfond aktar tard?
Jew do rridu nagħmlu dan?
>> Tomáš REIMERS: Yeah.
Assolutament.
Allura l-ewwel, just biex juru li aħmar u aħdar huwa isfar.
U jekk għandek bżonn xi għajnuna biex issib dan, inti
jista Google xi ħaġa bħal "color picker."
ALLISON BUCHHOLTZ-UA: Oh, huwa hekk tajjeb.
I love Color Picker.
>> Tomáš REIMERS: colorpicker.com huwa eżempju tajjeb.
U hawn, int ser tara li għandek a color picker Photoshop simili sħiħa.
>> ALLISON BUCHHOLTZ-UA: Mm-hm.
Ukoll, l-affarijiet jibred inti tista 'tiġġenera skemi ta' kulur
sabiex inti ma għandekx, simili, clashing kuluri.
Tomáš REIMERS: U mbagħad hawn l-hex valur up here.
Allura inti tista 'dejjem issib online bażikament postijiet biex jiksbu l-valur hex minn.
Mhuwiex sort ta 'dik eżatt, bħal, aħna tara l-kuluri tad-dinja fin-numru.
Huwa aktar li aħna tmur online u ssib liema kulur li rridu,
u mbagħad ħu n-numru isfel.
Għaliex huwa biss verament faċli mod biex referenza affarijiet fil-CS.
>> ALLISON BUCHHOLTZ-UA: U allura hemm also--
I tinsa l-isem eżatt tas-sit.
Iżda hemm definittivament, I think, xi ħaġa minn Adobe
li jiġġenera skemi kulur għalik, li huwa verament jibred, għaliex inti
definitely-- huwa kultant diffiċli biex insemmu,
oh, jekk I jridu jużaw dan il-kulur, dak li jista 'jkun wieħed utli oħra
għall-użu x'imkien ieħor fuq is-sit tiegħi biex, simili, jagħmilha sbieħ u koeżiva.
>> Tomáš REIMERS: l Allison jitkellem dwar wieħed mill-Adobe imsejħa Kuler, I think.
Huwa K-U-L-E-R.
ALLISON BUCHHOLTZ-UA: I think so.
Jien pretty ċert li l-waħda.
>> Tomáš REIMERS: favorit tiegħi għandha dejjem kien Disinjatur Iskema Kulur.
>> ALLISON BUCHHOLTZ-UA: Ooh.
>> Tomáš REIMERS: Liema hija now--
>> ALLISON BUCHHOLTZ-UA: Ah, dan huwa beautiful.
>> Tomáš REIMERS: U inti jista bażikament tgħid, bħal,
Irrid tliet kuluri ħdejn xulxin.
U mbagħad ejja nagħmlu xi ħaġa sabiħa.
U allura inti tista 'tikseb eżempju ta 'dak li jista' look like.
U mbagħad jekk inti imbagħad jerġgħu jsiru fuq kwalunkwe minnhom, li tagħtik l-valur hex.
>> Hekk biss bħala mod tajjeb biex tibda jaħsbu dwar skemi ta 'kulur
jew liema kuluri fil-websajt jista 'jmur tajjeb flimkien.
Minħabba li jista 'jkun sorprendentement mhux faċli li pick kif taħseb.
U allura l-ħaġa jibred oħra Stajt dejjem sabet dwar dan is-sit
hija jekk inti hit Eżempji, inneħħu juru liema eżempju websajt
jista 'dehra tuża dik l-iskema color.
Xorta waħda.
>> Lura għall-CSS attwali.
ALLISON BUCHHOLTZ-UA: Iżda ovvjament, aħna taf dawn ir-referenzi jistgħu jkunu utli.
Tomáš REIMERS: Le, dawn definittivament jista 'jkun utli.
Allura l-tieni regola, Allison?
>> ALLISON BUCHHOLTZ-UA: Yeah.
It-tieni regola hija biss li jikkorrispondi għal font tagħna.
Allura l-piż font huwa biss tip of-- sabiex il-piż kieku
tkun jekk inti tixtieq biss, bħal, normali jew, bħal, fonts irqaq,
jew f'dan il-każ, bħal, b'tipa grassa.
I tinsa.
X'hemm-jekk int riedu it-- hemm waħda irqaq minn sempliċiment, bħal, normali?
Tomáš REIMERS: I ma attwalment tkun taf jekk hemm wieħed irqaq.
ALLISON BUCHHOLTZ-UA: I tinsa.
Piż sabiex font aħna tipikament biss tuża għal bold.
Jekk inti tixtieq li tikseb verament fis dan, aħna qed tmur biex nuruk.
W3schools għandu l-differenti affarijiet li tista 'tagħmel għall-fonts.
Imma bażikament, jekk inti qatt tixtieq li tbiddel xejn dwar font,
huwa dejjem se jkunu, simili, font-ħaġa.
Allura dan ser ikun simili, font-familja jekk int jippruvaw jibdlu t-tip attwali.
Huwa ser jiġi font stil jekk inti tixtieq li tagħmel dan simili cursive,
jew korsiv, jew whatnot.
Jew anki font-kulur, jekk ridna għall-bidla li.
>> Tomáš REIMERS: Yup.
Allura inti tista 'bidla li.
U sort tal just biex terġa issa, sabiex inti tista '
tara li aħna għandna l-selettur up here.
Għandna dawn ċingi kaboċċi.
U allura għandna regoli delimitata minn semicolons.
Does li jagħmel sens?
Yeah?
Kessaħ.
Allura jekk dan huwa good--
>> ALLISON BUCHHOLTZ-UA: Back.
Tomáš REIMERS: Ejja nitkellmu speċifikament dwar liema tip ta seletturi għandna.
"Cause dritt issa konna tip ta 'ftit muri tags.
Iżda inti guys tista 'tara dan plawżibbli.
Tgħid għandek żewġ paragrafi fuq paġna u inti
tixtieq li tkun kapaċi li stil wieħed iżda mhux l-oħra,
inti ma jridux biss li jillimitaw yourself li jkollhom jużaw differenti HTML attwali
tags biex jagħtuhom stili differenti.
>> Allura aħna għandna tliet bażiku tipi ta 'seletturi.
ALLISON BUCHHOLTZ-UA: Yeah.
Allura aħna għandna tikketta, li huwa dak li konna qed nitkellmu dwar id-dritt issa.
Allura dak it-tip ta 'prodotti simili ġisem tiegħek jew p.
U allura għandna klassi, li hija meta aħna jiddefinixxu fil-fajl CSS tagħna,
huwa dejjem se tkun dot, ikun x'ikun inti tixtieq l-isem tal-klassi tiegħek li tkun.
U dan jista 'japplika għal affarijiet multipli.
>> Tgħid li inti jkollu ħames paragrafi u tnejn mit-tliet minnhom
jeħtieġ li jiġu styled l-istess, inti tapplika klassi għaliha.
U dan huwa biss il-mod kif nagħmlu dan.
Aħna ser jagħtuk eżempju ta fejn dan fil-fatt turi up.
Imma jekk kellek forsi xi tag p, wara dan, inti se jikteb,
klassi ugwali x'ikun klassijiet inti tixtieq li japplikaw għalih.
Sabiex ikun x'ikun seletturi klassi li rridu li japplikaw għal dan il-paragrafu speċifika,
nistgħu biss jiktbu bħal dan.
Of course, I think eżempju se tagħmilha ferm aktar konkreti.
>> Il-waħda oħra għandna huwa id, li aħna tiddenota
ma 'hash, jew lira, jew hashtag.
Tomáš REIMERS: Octothorpe.
ALLISON BUCHHOLTZ-UA: Octothorpe.
Li jaħdem, wisq.
U dan wieħed għandu verament tkun unika.
Huma għandhom japplikaw biss għall- Ħaġa waħda fuq il-paġna tiegħek.
Allura jekk thats paragrafu speċifika, jew xi oġġett f'lista, jew kwalunkwe,
dan għandu jkun uniku.
U fl-istess mod li aħna biss jgħidu, bħal, class = "CLASS2 class1,"
dan jista 'jkun biss id ta' kwalunkwe għandna.
Tomáš REIMERS: Yeah.
Mela ejja nitkellmu definittivament dwar eżempji ta hawn.
U jien biss ser adsa straight lura fis-kodiċi.
Mela ejja nħarsu lejn HTML tagħna.
U hekk aħna dritt issa għandhom paragrafu wieħed.
Dan huwa test.
Jien biss ser timmodifika dan. "Dan huwa test 1."
U allura aħna qed tmur biex jkollhom "Dan huwa test 2."
>> ALLISON BUCHHOLTZ-UA: It-tieni wieħed.
Tomáš REIMERS: Yup.
Allura issa għandna "Dan huwa test 2," dritt?
U aħna qed tmur biex tara li jekk aħna rikarigu il-paġna, dak li aħna qed tmur biex issib
hija aħna gonna find--
ALLISON BUCHHOLTZ-UA: Ooh.
Tomáš REIMERS: Yeah.
Aħna qed tmur biex issib "Dan huwa test 1, "u" Dan huwa test 2. "
>> ALLISON BUCHHOLTZ-UA: U kulur isfar out sabiħ.
>> Tomáš REIMERS: U tkun taf tara li selettur tagħna dritt issa,
li japplika għall tal-p, jew paragrafi, taffettwa tnejn minnhom,
peress li kemm minnhom jilħqu l- kondizzjoni li dawn qed kemm tag p.
Li jagħmel sens totali.
Għalhekk il-kwistjoni hija, ukoll, liema jekk ridna li biss tikseb wieħed?
Allura eżattament bħall Allison kien qal, għandna żewġ modi oħra biex tagħmel dan.
Jien ser tibda bil id.
>> ALLISON BUCHHOLTZ-UA: Nibdew bl-id.
>> Tomáš REIMERS: U kemm minn dawn huma attributi.
Allura jeżistu attributi HTML.
U liema huma hu xi ħaġa li inti żid
ġewwa l-tikketta li huwa separata mill-isem tag.
Allura inti jista 'jkollhom attributi multipli.
Yeah?
>> ALLISON BUCHHOLTZ-UA: I kien biss jmorru li jgħidu, minn eżempju tiegħek mill PSET 7,
jekk kwalunkwe inti tipprova li jallinjaw affarijiet li ċ-ċentru,
inti jista 'jkollok użati "Test jallinjaw = ċentru."
U inti ndunat li probabbilment imissha ċċentrata
test tiegħek jew bar tan-navigazzjoni tiegħek.
Allura dan huwa biss wkoll attribut li tista 'tkun familjari magħhom.
Tomáš REIMERS: Hemm mazz ta attributi li inti ser tara.
Yeah.
Bħal referenza tajjeb biex PSET 7.
Għandna id.
Tista 'wkoll ikollhom klassi, affarijiet bħal dan.
A tag wieħed jista 'jkollhom ħafna attributi.
Allura tibda bil id, ejja nippretendu aħna tixtieq li jkollok id of-- I do not know.
Aħna ser sejħa hija speċjali, għaliex dan wieħed, aħna qed
ser tagħmel kuraġġużi, u jenfasizzaw, u tkun xi tkun.
ALLISON BUCHHOLTZ-UA: Huwa gonna jkun speċjali super.
Tomáš REIMERS: Allura dan waħda, aħna għandna id speċjali.
Allura l-mod biex tagħżel dik, allura, huwa fil main.css, aktar milli jkollhom tikketta p,
inti tagħmel #special, OK?
U li tagħżel il- ħaġa ma id speċjali.
Does this jagħmel sens għal kulħadd?
UDJENZA: Yeah.
Tomáš REIMERS: Kessaħ.
Allura issa jekk immorru lura, aħna ser see-- Whoops.
Yeah.
Aħna ser tara li biss jagħżel l-wieħed ma id speċjali.
Yeah?
Ħsejjes jibred.
Iva.
>> UDJENZA: Jista xi ħaġa jkollu attribut kemm klassi u l-id?
>> Tomáš REIMERS: Iva.
UDJENZA: OK.
U mbagħad x'jiġri jekk inti mbagħad tagħti huwa xi regoli fil CSS li għandhom kunflitt?
Tomáš REIMERS: Assolutament.
Aħna qed definittivament se biex jitkellmu dwar dan.
Allura eżattament dak li għandek kienu jkollna fil, inti tista 'wkoll ikollhom klassijiet.
Mela ejja nippretendu kelli tliet paragrafi u I
riedu stil l-ewwel tnejn, iżda mhux it-tielet.
Ukoll, l-ewwel idea tiegħek tista 'tkun, ukoll, I tista 'biss tagħti t-tieni waħda minn id.
Imma inti ma tistax, minħabba li id, eżattament bħall Allison kien qal,
għandha tkun unika.
>> Allura minflok ta 'id, dak li inti tista 'tuża huwa inti tista' tuża klassi.
U class-- dak li jippermetti inti tagħmel hu bażikament tgħid,
dan jappartjeni bħala parti minn grupp.
F'dan il-każ, il-grupp tagħna huwa msejjaħ Speċjali.
U dak li aħna qed tmur biex tagħmel imbagħad huwa aħna qed tmur biex say-- pjuttost milli lira,
aħna qed tmur biex tuża dot.
OK?
U avviż li l-lira u dot jeżistu biss fil-fajl CSS,
mhux fl-HTML.
ALLISON BUCHHOLTZ-UA: Iva.
Distinzjoni importanti.
>> Tomáš REIMERS: Għandi kellhom tant ġlieda,
minħabba I tpoġġi l-hash fil-HTML u allura biss ħassew stupid għal żmien twil.
Ara kemm huwa jagħżel tnejn dawk bl dik il-klassi?
Kessaħ.
>> Issa, l-affarijiet jista 'jkollhom klassijiet multipli.
Ejja ngħidu jien ridt li jagħmlu l-ewwel tnejn jkollhom sfond ta isfar
u t-tieni tnejn ikollhom kulur font ta blu.
OK.
I do not know verament għaliex I d tixtieq li tagħmel dan, imma nista '.
>> ALLISON BUCHHOLTZ-UA: mhux Jista irrakkomandha għal website tiegħek.
Iżda għall-għanijiet tagħna, inneħħu do.
>> Tomáš REIMERS: Mhuwiex skema ta 'kulur tajba.
ALLISON BUCHHOLTZ-UA: Well, isfar u blu huma kuluri tiegħi iskola għolja.
I do not know, għalkemm.
Tomáš REIMERS: l Allison għolja iskola kellha skema ta 'kulur kbira.
[Rires]
Mela allura dak li nistgħu sejħa dan huwa ejja sejħa this-- hekk aħna Speċjali
u għandna Pretty.
Nissuġġerixxi, għal dan, tuża ismijiet ħafna aktar deskrittivi.
ALLISON BUCHHOLTZ-UA: Yeah, I kieku sejħa dan, bħal, isfar jew blu.
>> Tomáš REIMERS: Aħna ma verament teħid ta 'websajt reali,
huwa għalhekk li aħna ma tkunx qed tagħmel dan.
Imma jekk inti fil-fatt kellha websajt reali, inti
jista 'jkollhom, bħal, artikolu header, kontenut artikolu, l-ewwel kelma,
affarijiet bħal dik, li jippermettu inti tkun ħafna aktar deskrittiva.
Dawn huma verament bħad varjabbli.
Huma għandhom jiġu msemmija b'mod fejn inti tista ', like-- yeah, bħala tali.
Perfect.
>> Allura kulur fl-isfond.
U allura aħna qed tmur biex say-- hekk il- mod ibiddel il-kulur huwa biss "kulur."
U aħna qed tmur biex jagħmilha blu.
C'est jibred.
Allura issa għandna l- ewwel tnejn ikollhom speċjali.
Wieħed li jmiss għaddej biex jkollhom "class = pretty."
ALLISON BUCHHOLTZ-UA: U allura inti taf trid iżżid "pretty" għal dak tan-nofs.
Tomáš REIMERS: Yup.
U mbagħad għall-middle waħda, li tiżdied "pretty," dak li jiġri
huwa inti biss għandek spazju.
Allura l-attribut klassi hija lista mhux mifrudin ispazju
tal-klassijiet kollha li japplikaw għal dak tag.
OK?
Mhuwiex bħal dan wieħed jappartjeni lil xi tip ta 'klassi speċjali msejħa
"Speċjali, l-ispazju, pretty."
Huwa jappartjeni għal żewġ classes-- speċjali u pretty.
Iva?
Kessaħ.
>> U mbagħad jekk inħarsu lejn dak li jiġri, aħna qed
ser tara li l-ewwel waħda għandha sfond isfar, iswed test.
It-tieni one--
>> ALLISON BUCHHOLTZ-UA: --has bold sfond isfar mat-test blu.
U l-aħħar wieħed tagħna biss għandu l- test blu li aħna assenjat lilha.
>> Tomáš REIMERS: Kessaħ?
Kif seletturi xogħol?
Tal-biża.
>> ALLISON BUCHHOLTZ-UA: Do irridu li jitkellmu dwar il-kunflitt issa allura?
>> Tomáš REIMERS: Allura yeah.
Assolutament.
Allura x'jiġri jekk int ikollhom kunflitt, id-dritt?
Ejja nippretendu l-ewwel waħda tistabbilixxi xi ħaġa like--
ALLISON BUCHHOLTZ-UA: Forsi dan wieħed bidliet l-isfond?
Tomáš REIMERS: Yeah.
Allura aħna qed tmur biex tagħmel "pretty" jibdlu l-isfond għall-salamun.
ALLISON BUCHHOLTZ-UA: Inti sempliċiment ma l-kuluri kbira llum, Tomas.
Tomáš REIMERS: Yeah.
Minħabba I sab nista jużaw salamun bħala kulur reali.
Allura aħna qed biss se tagħmel dan.
Naħseb ukoll Sunset huwa ta 'kulur reali.
UDJENZA: Sunset huwa ta 'kulur reali?
ALLISON BUCHHOLTZ-AU: Ejja nippruvaw dan.
Tomáš REIMERS: Wara dan demo sempliċement minħabba fil-każ li messijiet up,
Ma rridx li jiġu debugging.
Allura aħna nafu salamun huwa ta 'kulur reali.
Allura xi guesses fuq x'inhu jiġri?
>> ALLISON BUCHHOLTZ-UA: Kull idea?
>> UDJENZA: [inaudible].
>> Tomáš REIMERS: Yeah.
Allura inti ltqajna eżattament id-dritt.
Bażikament, dan jieħu l- aħħar regola li ġiet mogħtija.
>> ALLISON BUCHHOLTZ-AU: Allura dan huwa fejn cascading tidħol fis-seħħ.
>> Tomáš REIMERS: Mela ftakar kif aħna kieku dik cascading folji stil?
Allura billi dan, aħna tip ta 'jfissru li għandna mazz ta 'regoli
li japplikaw fuq quċċata ta 'xulxin, u huma jistgħu wkoll override xulxin.
>> ALLISON BUCHHOLTZ-UA: Allura ikun x'ikun fiż-qiegħ
se jwarrab x'ikun l fil-quċċata.
Inti jista 'jkollhom regoli li kompletament jċaħħdu xi ħaġa qabel.
C'est wkoll għaliex inti tixtieq li tkun attenti meta int grafika,
sabiex inti ma tkunx qed jinħolqu regoli li int biss kompletament prevalenti.
>> Tomáš REIMERS: Jew forsi inti do jridu jissostitwixxu regoli.
>> ALLISON BUCHHOLTZ-UA: Jew forsi inti tagħmel.
Iva.
>> Tomáš REIMERS: Nippretendu inti għandek klassi li tapplika għal ħafna affarijiet,
imma ejja ngħidu li inti tixtieq li tibdel il- kulur fl-isfond aħmar u l-font
piż li kuraġġużi għall-aktar affarijiet, iżda għal wieħed,
inti biss trid li l-kulur fl-isfond li jkun aħmar iżda inti tixtieq kollha l-oħra
proprjetajiet, inti tista 'tagħmel xi ħaġa bħal "-piż font = normali,"
li mbagħad jneħħu din il-bidla kuraġġużi.
Yeah?
Għal darb'oħra, l-aħjar mod, naħseb Allison qal li, huwa biss prattika.
>> ALLISON BUCHHOLTZ-UA: Esperimentazzjoni.
>> Tomáš REIMERS: Prattika, il-prattika, prattika, u esperiment.
Naf ħafna nies li jaħsbu CSS huwa biss ta 'lott ta' 'raden u check
fl-aħħar tal-ġurnata, fejn jekk inti tixtieq li tagħmel something-- simili,
inti għandek idea approssimattiva, iżda inti xorta probabilment ikollok bżonn
li jippruvaw it out biex tiżgura inti taf dak li jidher qisu.
>> UDJENZA: Meta inti qed tapplika klassijiet, aktar minn wieħed
għall-istess paragrafu jew taqsima, ma
jimpurtax f'liema ordni tista tip tagħhom fiċ-kwotazzjonijiet?
>> Tomáš REIMERS: Le, lanqas xejn.
>> ALLISON BUCHHOLTZ-UA: Li huwa importanti huwa l-ordni fi karta tal-istil CSS tiegħek.
UDJENZA: Tista irrepeti l-mistoqsija?
Tomáš REIMERS: Oh.
ALLISON BUCHHOLTZ-UA: Fi ħdan klassi, meta int tagħti klassijiet
għal xi ħaġa fil-HTML, ma jimpurtax f'liema ordni li qed fl?
Ma jimpurtax l-ordni.
Dak li huwa importanti huwa l-ordni tal- seletturi klassi fi ħdan CSS tiegħek,
fi ħdan karta tal-istil tiegħek.
>> Tomáš REIMERS: tajba Sound?
>> ALLISON BUCHHOLTZ-UA: Sabiħ.
>> Tomáš REIMERS: U mbagħad aħna qed tmur biex tkompli to--
ALLISON BUCHHOLTZ-UA: What do għandna jmiss?
I tinsa.
Oh, aħna biss għandhom eżempji.
Imma konna tip ta magħmul dawk.
We ghamilt eżempji fuq il-fly.
>> Tomáš REIMERS: Nagħmlu biex jikkombinaw il-seletturi dalwaqt.
>> ALLISON BUCHHOLTZ-UA: Oh, nikbru li jgħaqqdu seletturi.
Tomáš REIMERS: Allura xi Eżempji hija li għandna
# Lira dog--, jew hashtag, jew octothorpe, jew kwalunkwe
inti tixtieq li sejħa that-- jaqtgħu.
>> ALLISON BUCHHOLTZ-UA: dog Sharp.
>> Tomáš REIMERS: Imbagħad għandek .pets.
Xi ħaġa għandha l-id ta kelb, hemm wieħed biss kelb fuq il-paġna.
Xi ħaġa għandha l-id ta qattus, hemm qattus wieħed biss.
Jista 'jkun hemm bosta annimali domestiċi fuq il-paġna.
C'est pourquoi aħna taw dik klassijiet.
Inti għandek eżempju ta p.
U allura l-bqija wieħed mill- aħħar eżempju, li
hija xi ħaġa li aħna ma tkellmu dwar, huwa dak li jiġri meta inti jikkombinaw lilhom.
Allura p.pets.
>> Allura għal dak, ejja jmorru lura għall- kodiċi u jintroduċu another-- yeah.
Allura lura hawn.
>> ALLISON BUCHHOLTZ-UA: I jħossu bħal dan huwa really--
bħal biss tfittex permezz ta 'eżempji huwa verament il-mod biex jitgħallmu dan.
Allura dak hu li aħna qed tagħmel.
>> Tomáš REIMERS: Mela ejja nippretendu aħna biss tixtieq li tagħżel it-test 2, id-dritt?
Allura aħna żgur ma tistax tagħmel dan ma 'id.
Well, nistgħu nagħmlu dan bl- id, iżda ma jkollu id.
I tista 'żżid waħda, imma ejja nippretendu li jien ma riedx li żżid waħda
jew li hija għandha diġà xi ħaġa oħra.
I ma tistax tagħmel dan ma 'dak.
Il-lametta huwa definittivament mhijiex unika, id-dritt?
U la hija l-klassi.
Iżda int tista 'tgħaqqad dawn l-affarijiet.
Ejja ngħidu li ridna nagħmlu xi ħaġa li tapplika biss għall-affarijiet li
ikollhom il-klassi speċjali u li għandhom l-klassi pretty.
>> Allura dak li tista 'tagħmel huwa fil main.css, inti tista 'tgħid, ejja ewwel tħassar dan.
Tista 'tikkombina dawn.
Allura inti tista 'tagħmel .special.
Ebda spazju.
Just .special.pretty.
X'inhu dan ifisser huwa xi ħaġa li hija kemm speċjali u pretty.
Does li jagħmel sens?
U jekk immorru hawn, dak li int ser tara
huwa din ir-regola tapplika biss għall- tieni wieħed, li għandu kemm ta 'dawk.
U inti tista 'tagħmel dan għal ħafna affarijiet.
Tista say-- ejja nippretendu I biss riedu
biex tagħmel affarijiet li għandhom il-klassi pretty u li huma wkoll il-paragrafu tag.
Allura p.pretty.
Ejja nippretendu li kelli xi ħaġa pretty fuq il-ġisem tag.
OK?
I tista 'taħdem dan u I jista 'jara li huwa biss
ser japplikaw għall-affarijiet li huma paragrafi mal-klassi pretty.
U inti tista 'tgħaqqad dawn, bażikament, kif ħafna kif tixtieq.
Allura inti tista 'biss jitqiegħed flimkien.
Does li jagħmel sens?
ALLISON BUCHHOLTZ-UA: Allura dan it-tip ta 'huwa aktar utli
meta, Tomas kien qal qabel, forsi ikollok xi website kkumplikata ħafna,
u inti diġà għandhom ħafna ta 'dawn ir-regoli miktuba,
u inti biss jeħtieġ li jikkombinaw tnejn minn qabel l.
Bħal minflok kitba kollu kemm hu selettur ġdid u li jinbidlu hemmhekk,
inti tista 'biss jgħaqqdu minnhom fejn koinċidenzi.
>> Tomáš REIMERS: Jew inti jistgħu jsibu out-- kultant
hemm klassi waħda li jagħmel color font dinja bħall blu,
u hemm klassi oħra li jagħmel il-blu isfond.
U li biss mhux se taħdem.
Allura tikteb każ speċjali, fejn, like-- imma jekk ikollha tnejn, dak li int
ser tagħmel hu li inti qed tmur biex jagħmlu dan wieħed dan isfumatura ta 'blu
u dan wieħed dan dell ieħor ta 'blu.
Dritt?
>> ALLISON BUCHHOLTZ-UA: Tajba għal dawk it-tipi ta 'eċċezzjonijiet.
Tomáš REIMERS: Allura biex jaħsbu dwar problemi
li jistgħu jinqalgħu meta inti jikkombinaw lilhom.
Kessaħ.
Allura lura għall-preżentazzjoni tagħna.
ALLISON BUCHHOLTZ-UA: Aħna kważi hemm.
Tomáš REIMERS: U tkun waqfet konnessjoni.
ALLISON BUCHHOLTZ-UA: Oh, no.
ALLISON BUCHHOLTZ-AU: CS fi l-uffiċċju, internet jinżel.
Oh, l-ironija.
>> Tomáš REIMERS: Allura fortunatament, nistgħu tippreżenta mingħajr l-internet, I raden,
għaliex għandna l-pjastri hawn.
Mela ejja nitkellmu dwar il- relazzjoni ta 'tags.
ALLISON BUCHHOLTZ-UA: Dritt.
Hekk biss tip ta 'għaddej off ta 'dak Tomas qal,
dan huwa biss mod ieħor biex tagħmel dan.
Allura aħna għandna xi ġenitur selettur bi selettur tfal.
Allura f'dan l-eżempju hawn, aħna għandna xi korp ma 'navbar klassi, buttuna klassi.
Ah.
>> Tomáš REIMERS: Oh, sorry.
>> ALLISON BUCHHOLTZ-UA: U bażikament, liema dan ifisser
huwa tagħżel kollha tat-tfal, bħal kollha ta 'dawn it-tipi ta' seletturi,
fi ħdan dan selettur ġenitur.
U dawk huma l-uniċi huwa qatt ser japplikaw għall.
I do not know jekk inti għandhom mod aħjar of--
Tomáš REIMERS: So I raden l-mod biex jaħsbu
dwar dan huwa wieħed jiftakar qabel kif aħna tip simili jpoġġuhom flimkien.
U mbagħad dan ifisser element wieħed li jaqbel kollha ta 'dawn.
X'inhu dan huwa qal hu, I Want You biex jaqblu kollox
fi ħdan some-- Irrid inti biex isibu selettur.
U mbagħad fi ħdan dak, nixtieq inti biex jaqblu affarijiet ġodda.
Dritt?
Għalhekk fl CSS, huwa kollha dwar tip ta ' li jkunu jistgħu jaqblu ma 'dawn l-oġġetti.
U inti tista 'tipprova li tqabbel oġġetti fi oġġetti oħra.
>> Mela ejja fil-fatt jagħmlu eżempju, u naħsbu li ser jikkjarifikaw.
Mela ejja nippretendu li għandna speċjali, speċjali pretty, ikun x'ikun.
U allura għandna rabta, OK?
Mela ftakar, a huwa rabta.
Huwa mhux se jmorru kullimkien.
U aħna qed tmur biex jagħtuh l-link klassi, I raden.
Ejja tagħtiha l- class-- tagħti me idea.
ALLISON BUCHHOLTZ-UA: Kessaħ.
Tomáš REIMERS: Coo-- ejja jimxi l-klassi pretty.
Għaliex le?
>> ALLISON BUCHHOLTZ-UA: OK.
Tomáš REIMERS: Allura affarijiet dritt issa pretty
huma ser jagħmlu l-isfond blu, kulur fl-isfond ta 'salamun.
Li jagħmel sens.
U jekk nagħmlu this--
>> ALLISON BUCHHOLTZ-UA: Tixtieq li żżid it-test
sabiex il-hyperlink attwalment turi up?
Tomáš REIMERS: Li Ikun sejħa tajba.
ALLISON BUCHHOLTZ-UA: "dritt Cause issa aħna qed biss gonna tikseb xejn.
Tomáš REIMERS: Allura dan huwa rabta.
"Din hija link."
Oh, u dan se li jkun link ieħor.
Ejja tagħtiha l-klassi "jibred."
Int dritt.
Kessaħ.
Allura issa dritt aħna qed tmur biex grab din.
Aħna qed tmur biex tarmi wieħed.
Aħna għandna waħda fil- tag speċjali, u aħna wkoll
huma se jkollhom waħda fil-tag pretty.
U d-dritt issa dak li aħna qed tmur biex tagħmel huwa aħna qed tmur biex tagħmel cool--
dak li rridu li tagħmel?
ALLISON BUCHHOLTZ-UA: Nistgħu nagħmlu dan akbar?
Tomáš REIMERS: Ejja tagħtiha fruntiera.
ALLISON BUCHHOLTZ-UA: Stajna transkonfinali.
Tomáš REIMERS: Yeah.
Allura aħna qed tmur biex tagħmel xi ħaġa simili, is-- fruntieri u aħna qed
tmur għal dan jispjega kollu fit-tieni.
Għal now--
>> ALLISON BUCHHOLTZ-UA: Biex il-mudell kaxxa.
Tomáš REIMERS: Iżda għal issa, aħna qed biss se tagħtiha fruntiera.
Allura dak li jfisser hu int ser tara dawn ir-rabtiet.
U int ser tara li dawn ikollhom dawn, bħal, fruntieri iswed ikrah, li
huwa jibred.
>> ALLISON BUCHHOLTZ-UA: Il-websajt tagħna huwa so pretty.
>> Tomáš REIMERS: Yeah.
Il-websajt tagħna huwa tal-biża.
Allura dawn tnejn huma links, u dawn jidhru.
Issa ejja nippretendu I biss riedu jagħmlu dan
jekk dan ma kienx fi ħdan xi ħaġa li kellu sfond ta salamun.
Mela ftakar li dan wieħed għandha sfond tas-salamun,
għaliex dan huwa ta 'klassi pretty.
>> Iżda aħna rridu ngħidu li jibred biss li huma fil-klassi speċjali, mhux fil-klassi
pretty, għandu jkollhom dik il-fruntiera.
Well, dak li inti tista 'tagħmel huwa inti tista 'tgħid, .special, l-ispazju, .cool.
U dak li qed jagħmel, meta taħseb dwar dan, huwa huwa bażikament qal,
OK, issib lili kollox li taqbel speċjali.
Imbagħad fi ħdan dawk tags, isibu me dak kollu li jibred.
ALLISON BUCHHOLTZ-UA: Allura mod ieħor li jista 'jkun tajjeb biex jaħsbu dwar dan,
jġibu lura lill C, huwa bħad-idea ta 'ambitu.
Allura meta jkollok xi selettur, bħal dawk
li konna qegħdin jaħdmu għal qabel dan, page tiegħek web kollu, kollha ta 'HTML tiegħek
huwa fi ħdan ambitu tiegħek, id-dritt?
Imma meta aħna jkollhom dawn relazzjonijiet ġenitur-wild,
huwa daqs li kieku int tidjiq fl fejn qed tfittex għal post speċifiku,
bħallikieku, bħal, aħna qed tfittex fi funzjoni speċifika minflok
tal-fajl kollu tagħna.
UDJENZA: Allura jekk wieħed iżomm f'moħħu, kieku miegħu, ikunu mattered kieku kellna changed--
ALLISON BUCHHOLTZ-UA: L-ordni?
UDJENZA: --the klassi CSS li .cool, l-ispazju, .special?
ALLISON BUCHHOLTZ-UA: Iva, għaliex imbagħad li
ngħid, ambitu biex dak kollu li għandu jibred,
u mbagħad tħares lejn dak has-- I mean, bħal, f'dan il-każ,
Ma naħsibx li se inbidlu dan.
>> Tomáš REIMERS: Jekk aħna kien qal dak?
Jiddispjacini.
>> ALLISON BUCHHOLTZ-UA: Jekk aħna ambitu jibred u mbagħad
tfittex għall-affarijiet barra ta 'speċjali, ikun l-istess, fil-fatt.
>> Tomáš REIMERS: Allura ma jkunx.
>> ALLISON BUCHHOLTZ-UA: Huwa kieku ma?
Oh, oh ukoll.
I am wrong.
>> Tomáš REIMERS: Allura r-raġuni huwa different-- mistake-- komuni
huwa dak id-dritt issa biss il-link għandha jibred, right?
I raden mistoqsija tiegħi lilek guys hi, dak f'din il-paġna tkun imqabbla mill .cool?
Hemm żewġ tags hawn, id-dritt?
Liema hija dan wieħed u dan wieħed.
Kemm jaqblu jibred.
Xejn ma.
Mela jekk inti qal, .cool, l-ispazju, .special, dak li int ser ngħid huwa,
fi ħdan dawn tags, dak li huwa speċjali?
ALLISON BUCHHOLTZ-UA: Hm.
Dak hu it-- id-dritt.
Għaliex dan huwa simili biss xi ħaġa hawn.
>> Tomáš REIMERS: Allura huwa jagħżel xejn.
>> ALLISON BUCHHOLTZ-UA: Billi ma speċjali, aħna qed fi ħdan dawn tags hawn.
>> Tomáš REIMERS: Dawk u dawk.
UDJENZA: OK.
Allura dawk tags mid-quddiem mmejla?
>> Tomáš REIMERS: Iva.
Does li jagħmel sens?
Kif huwa bażikament jippruvaw iċekknu ambitu.
ALLISON BUCHHOLTZ-UA: Yeah.
Naħseb li probabbilment l- eħfef mod biex jaħsbu dwar dan.
>> Tomáš REIMERS: Allura aħna sabu dan, u sibna dan tnejn mqabbla speċjali.
U allura aħna qed tistaqsi, fi żmien dawn guys, x'hemm jibred?
U fi ħdan dan wieħed, berred dan wieħed.
Fi ħdan dan wieħed, xejn jibred.
Allura dan huwa l-unika tag li jibqa '.
>> ALLISON BUCHHOLTZ-UA: Billi jibred huwa biss fi ħdan dawn tags ftit hemmhekk.
Tomáš REIMERS: Eżattament.
U x'hemm speċjali fi ħdan dawk?
Xejn.
Issa, dak I se ngħid huwa jekk ma kienx hemm spazju,
int tistaqsi x'hemm jibred u special-- jew x'hemm pretty u speċjali, id-dritt?
Jekk inti tgħidli .special.pretty, thats l-istess bħal .pretty.special.
>> Għaliex dak tneħħi l-ispazju huwa tistaqsi hija, meta inti tgħidli .special,
int tistaqsi, OK, liema huma speċjali?
U allura dawk, li dawk huma wkoll pretty,
li hija l-istess, grammatikament, kif tistaqsi, x'hemm pretty,
u mbagħad ta 'dawk, x'hemm wkoll speċjali?
Dritt?
Hu l-differenza ta ' x'hemm ġewwa x'inhu.
UDJENZA: OK.
Tomáš REIMERS: Yeah.
Tal-biża.
Allura jekk wieħed iżomm f'moħħu then--
>> ALLISON BUCHHOLTZ-UA: Naħseb li għaddiet tagħna ħaġa hija (IN FANCY BRITTANIĊI ACCENT)
il-mudell kaxxa.
>> Tomáš REIMERS: Il- [chuckles] box-- I love-mod kif Allison jgħid li.
Allura l-mudell kaxxa ħaġa.
>> ALLISON BUCHHOLTZ-UA: Just jkollhom kaxxa, I ser tkun mudell kaxxa tiegħek.
Tomáš REIMERS: Mela ejja nitkellmu dwar dan.
Allura issa dritt aħna ħadthom jintefqu ħafna ta 'ħin jitkellem dwar seletturi.
Sa issa, inti guys huma probabbilment, bħal, kaptani tal selectors-- tafu,
kif eżattament tagħżel il-kontenut li inti tixtieq li jimmanipulaw fuq l-iskrin tiegħek.
>> Allura issa l-kwistjoni hija, kif eżattament inti tista 'timmanipola dan?
So I raden l-aktar bażika mod biex jaħsbu dwar dak
hija, ukoll, x'inhi eżattament hija element fil CSS?
Imxejna qattgħu ħafna ħin jitkellem dwar, dak li huwa ta'xi tikketta,
jew dak huwa l-aktar bażika rappreżentazzjoni ta 'tag?
>> Mod tajjeb biex jaħsbu dwar jiġifieri, liema forma hi salamun?
Liema forma hi, simili, il- is-salamun kkulurita isfond?
>> UDJENZA: Huwa rettangolu.
>> Tomáš REIMERS: Huwa rettangolu, id-dritt?
>> ALLISON BUCHHOLTZ-UA: Ma kienx mistoqsija trick.
[Rires]
>> Tomáš REIMERS: Mhux jippruvaw biex trick inti guys dan tard.
Allura aħna għandna dan ir-rettangolu.
U l-tikketta hija p, id-dritt?
Allura li jagħtina tajba twemmin li l-paragrafu
huwa rappreżentat bħala rettangolu, fil inqas fil-moħħ tal-browser, li
huwa.
>> ALLISON BUCHHOLTZ-UA: I mean, browsers huma tipikament rettangolari,
għalhekk jagħmel sens.
>> Tomáš REIMERS: L-idea hawnhekk hija li kollha ta 'l-tags fi ħdan CSS
huma rappreżentati bħala rettangolu.
U kull rettangolu għandha erba partijiet skond l-CSS, OK?
Inti għandek l-kontenut attwali.
Li meta t-test tinsab.
>> ALLISON BUCHHOLTZ-UA: Forsi stampa tiegħek.
>> Tomáš REIMERS: Yeah.
Inti għandek ikkuttunar, li hija biss xi tip ta 'l-ispazju abjad.
Imbagħad għandek fruntiera.
U allura inti għandek marġini, li spazju abjad barra minn dak.
Allura li jagħmel ebda sens lil xi ħadd, hekk aħna qed
ser jitkellmu dwar dak għat-tieni.
Allura dritt hawn, dak li aħna qed tmur biex tagħmel huwa aħna qed tmur biex joħolqu xi divs, OK?
Skuża me filwaqt I--
>> ALLISON BUCHHOLTZ-UA: inħoss simili għandna tpoġġi stampa ħelu fil.
>> Tomáš REIMERS: We definitely għandhom.
>> ALLISON BUCHHOLTZ-UA: Inħoss bħal kulħadd
jistgħu jibbenefikaw minn stampa ħelu, hija kollha.
>> Tomáš REIMERS: Nistgħu kollha jibbenefikaw minn a--
>> UDJENZA: Yeah, żgur.
Tomáš REIMERS: OK, berred.
Allura aħna għandhom jagħmlu ħelu stampa fil x'imkien.
ALLISON BUCHHOLTZ-UA: inħoss bħal fenek ħelu jista 'jkun utli dritt issa.
Tomáš REIMERS: Sure.
ALLISON BUCHHOLTZ-UA: Tmiem tal-ġimgħa.
Have xi ħaġa adorab--
>> Tomáš REIMERS: Kif bout kitten?
>> ALLISON BUCHHOLTZ-UA: A kitten xogħlijiet, wisq.
>> Tomáš REIMERS: Kessaħ, għaliex hemm sit għal dan.
Huwa sejjaħ PlaceKitten.
ALLISON BUCHHOLTZ-UA: Li l-kbir.
Tomáš REIMERS: Iva.
ALLISON BUCHHOLTZ-UA: Just għal, bħal, immaġini placeholder fil-website tiegħek.
Tomáš REIMERS: Mm-hm.
Hemm ukoll PlacePuppy.
U hemm PlaceBacon.
>> ALLISON BUCHHOLTZ-UA: PlaceBacon?
Really?
>> Tomáš REIMERS: Oh, aħna ma ikollhom aċċess għall-internet hawn.
>> ALLISON BUCHHOLTZ-UA: [groans]
Traġiku.
Tomáš REIMERS: Inkella, Nixtieq nuruk guys
kif tpoġġi immaġini fil-website tiegħek.
Aħna qed tmur biex tipprova tikseb dan xogħol qabel we ikollhom imorru.
Iżda għal issa, aħna qed biss ser jitkellmu fil-kuluri imbagħad.
Aħna tixtieq li tqiegħed stampi ta 'kittens--
>> ALLISON BUCHHOLTZ-UA: Aħna ma.
>> Tomáš REIMERS: --the internet l isfel għall-mument benessri.
Allura aħna għandna żewġ divs, u aħna qed ser jagħti lilhom żewġ ids.
Aħna ser sejħa hija "L-ewwel" u "it-tieni."
Allura id = "l-ewwel."
U aħna qed tmur biex jagħtuhom żewġ kuluri.
Allura kif nistgħu tagħżel xi ħaġa ma 'l-id ta' "l-ewwel"?
ALLISON BUCHHOLTZ-AU: Dot jew hash?
UDJENZA: Sharp.
Tomáš REIMERS: Sharp, perfetta.
Sharp, hash, ikun x'ikun we--
>> ALLISON BUCHHOLTZ-UA: Lottijiet ta 'affarijiet li hija sejħa.
>> Tomáš REIMERS: OK.
Aħna qed tmur biex joqgħod fuq hashtag, u dan huwa dak li aħna qed tmur biex jmorru magħhom.
OK?
>> ALLISON BUCHHOLTZ-UA: hashtag.
>> Tomáš REIMERS: Allura l hashtag ewwel.
>> ALLISON BUCHHOLTZ-UA: Allura inti tista 'tweet l seminar--
CSS hashtag, hashtag jibred.
Tomáš REIMERS: hashtag Awesomeness.
ALLISON BUCHHOLTZ-UA: Hashtag Awesomeness, iva.
Tomáš REIMERS: OK.
Allura aħna għandna "l-ewwel" u "it-tieni."
Allura l-ewwel, aħna qed tmur biex ikollhom kulur l-isfond ta 'aħmar.
ALLISON BUCHHOLTZ-UA: Uh, kolon.
Tomáš REIMERS: Yup.
ALLISON BUCHHOLTZ-UA: I ser tkun fuq il-post-kontrollur tiegħek.
Tomáš REIMERS: Allison intwera me.
Sfond-kulur ta 'blue--
>> Tomáš REIMERS: Purple!
>> Tomáš REIMERS: Purple.
ALLISON BUCHHOLTZ-UA: Iva.
Kulur favorit Purple tiegħi, u aħna ma jkunux użati encore.
>> Tomáš REIMERS: Vjola.
ALLISON BUCHHOLTZ-UA: Violet.
Li xogħlijiet.
>> Tomáš REIMERS: Allura aħna qed se jkollha żewġ divs.
Huma qed tmur biex tkun totalment vojta.
Għandna probabbilment għandu jkollhom xi test.
Allura "ewwel" se tkun "HELLO."
U l- "tieni" se say--
>> ALLISON BUCHHOLTZ-UA: Goodbye.
>> UDJENZA: - "DINJA."
Hello, addiju.
ALLISON BUCHHOLTZ-UA: Rajt minnhom fil-kunċert tal-ġimgħa l-oħra.
Tomáš REIMERS: The Beatles?
ALLISON BUCHHOLTZ-UA: Għal reals.
Huma qed mhux li kbir.
Jien ma bhalu.
>> Tomáš REIMERS: Għandna "HELLO" u "Goodbye."
U għal darb'oħra, CSS huwa biss tal-biża, għaliex jirrikonoxxi kuluri tagħna.
M'għandhomx bżonn li anke jinkwetaw li dawn jeżistu.
Huma jagħmlu.
>> ALLISON BUCHHOLTZ-UA: Dawn jeżistu.
>> Tomáš REIMERS: Allura CSS I think għandha 255 kliem biex jitkellmu dwar color.
Jekk inti tista 'taħseb ta' kulur barra dawk 255, simili, I se jkun impressjonat.
ALLISON BUCHHOLTZ-UA: Yeah.
Naħseb li inti guys jista 'jkollhom biss jidħlu fl-dritt wara.
>> Tomáš REIMERS: Allura hawnhekk, tkun taf tara għandna żewġ kaxxi
dritt fuq quċċata ta 'xulxin, id-dritt?
HELLO u Goodbye.
>> ALLISON BUCHHOLTZ-UA: M'hemm l-ebda spazju bejniethom.
Huma qed biss smooshed dritt fuq quċċata ta 'xulxin.
>> Tomáš REIMERS: Allura l-ewwel ħaġa I raden għandna nitkellmu dwar
huwa ejja say-- wkoll yeah.
Allura CSS tirrappreżentahom bħala tip ta 'kaxxi.
U kif kaxxi, dawn ikollhom kontenut.
U l-kontenut dritt issa huwa tip ta ' l HELLO jew il-Goodbye u thats it.
OK?
>> Allura wieħed mill-ewwel affarijiet li għandek tista 'tagħmel huwa inti tista' żżid padding.
Padding jgħid kemm l-ispazju din għandha tħalli fuq kull naħa.
Mela ejja ngħidu Irrid ngħid 10 pixels fuq kull naħa.
U jien se dissect li fit-tieni.
ALLISON BUCHHOLTZ-UA: Kollha ta 'dawn l-affarijiet hawn
ser ikunu l-aktar fl pixels għall-bqija tas-seminar.
Inti qed tmur biex tara li hija għandha xi spazju madwaru, id-dritt?
Allura dak li inti ma tara hawnhekk huwa hemm dan it-tip inviżibbli tal-ikkuttunar
fuq kull naħa, li jgħid, bħal, OK, inti għandek kaxxa tiegħek ta 'content--
>> ALLISON BUCHHOLTZ-UA: Tixtieq biss pull up l-element jispezzjonaw?
>> Tomáš REIMERS: Yeah, li hija idea tajba.
ALLISON BUCHHOLTZ-UA: Ukoll, I isibu li l-element jispezzjonaw huwa mod tajjeb
biex insemmu jekk xi ħaġa huwa għaddej ħażin, xi ħaġa mhux mistennija jiġri,
jispezzjona l-tags u tara liema huwa simili jinkiteb fuqhom huwa utli.
>> Tomáš REIMERS: Allura M'inix ċert jekk inti guys tista 'tara dan il-kulur.
Inti tista?
Int ser ikollok tara dan padding fuq il-tip ta tarf.
U allura inti tara l-attwali kontenut blu, id-dritt?
Allura dak l-ħafna baŜi tal-mudell kaxxa.
Inti għandek kontenut.
Imbagħad għandek ikkuttunar.
>> UDJENZA: Għaliex ma inti biss tuża l-kaxxa ġewwa the--
>> ALLISON BUCHHOLTZ-UA: Dritt.
Għaliex dan huwa biss għażla l-element dritt issa.
>> Tomáš REIMERS: Yup.
Affarijiet oħra.
Mela ejja nitkellmu dwar dak ikkuttunar kmand għat-tieni.
Għalhekk fl CSS, kejl jeħtieġ li jkollhom unità.
Allura l-ewwel inti għandek l-ammont.
Allura f'dan il-każ, konna qal 10.
U allura l-waħda li jmiss konna qal huwa pixels, px.
Oħrajn li jista 'jkollok huma affarijiet simili ċentimetri, pulzieri.
Tista 'tagħmel affarijiet simili, dak li huwa 10 pulzieri?
U li għaddej biex tkun redikoli.
>> ALLISON BUCHHOLTZ-UA: Oh, boy.
>> UDJENZA: Whoa.
>> Tomáš U ALLISON: Yeah.
Tomáš REIMERS: Allura li kollox ikkuttunar.
Jien se jmorru lura għall pixels.
>> ALLISON BUCHHOLTZ-UA: Pixels għandhom tendenza li jkunu, bħal, l-istandard.
Meta inti tħares lejn ħafna ta 'websajts, dawn ħafna drabi jaħdmu pixels.
Tomáš REIMERS: Allura inti qed tmur biex tara jew pixels---oħrajn tara
huwa em, li huwa em waħda hija ugwali għall-għoli tal-font
li inti bħalissa qed tuża.
>> ALLISON BUCHHOLTZ-UA: Mm.
Tomáš REIMERS: Huwa mod tajjeb biex jgħidu, bħal, nixtieq kemm ispazju bħala font my
huwa jieħu.
ALLISON BUCHHOLTZ-UA: Did not know dak.
Inti titgħallem xi ħaġa ġdida kuljum.
Tomáš REIMERS: Hemm lott ta 'kejl fir CS.
Nissuġġerixxi inti tfittex lilhom.
Għall-każijiet kollha tiegħek, naħseb pixels għandha tkun biżżejjed.
U dawn qed wkoll dak li int ser tara
fil-maġġoranza ta 'eżempji isir online.
Allura aħna ser jitilqu minnu pixels.
>> Tista 'wkoll, I għandhom say-- hekk settijiet ikkuttunar kollha ta 'l-paddings.
Tista 'wkoll tagħmel xi ħaġa simili "Ikkuttunar-top" li biss set--
ALLISON BUCHHOLTZ-UA: Forsi aħna ser jiksbu "HELLO" tagħna lura.
Tomáš REIMERS: --to biss sett l- ikkuttunar fuq il-quċċata u xejn iżjed.
Allura l-erba 'kmandi huma ikkuttunar-top, ikkuttunar tal-qiegħ, ikkuttunar-xellug,
u padding-dritt.
>> ALLISON BUCHHOLTZ-UA: Eżatt bħal inti tistenna għal kaxxa.
>> Tomáš REIMERS: Yeah.
Xejn wisq crazy hemmhekk.
Does li jagħmel sens?
Allura dan huwa ikkuttunar.
Jien ser jistabbilixxu kulħadd l paddings lura sa 10.
U mbagħad jien ser jimxu fuq il-fruntiera.
>> Allura x'inhi transkonfinali hija hi fruntiera huwa kmand stramb.
Huwa jieħu tip ta 'tliet affarijiet f'daqqa.
Allura l-ewwel huwa kif big għandek jixtiequ li din tkun bħala kejl.
Għal darb'oħra, jien biss bl-użu pixels.
U l-aħħar ħaġa I għandhom iżidu kejl
huwa l-ħaġa waħda li ma jkunx jeħtieġ unità hija 0.
Huwa fil-fatt mhux korretta biex jagħtu 0 unità,
minħabba 0 huwa ta '0 madwar pulzieri, pixels, ċentimetri, tkun xi tkun.
Dan kollu ifisser biss 0, id-dritt?
Allura l-ewwel inti tagħti l-kejl.
>> Imbagħad inti tagħti l-istil.
Allura jien ser jgħidu "solidu."
U aħna ser nitkellmu dwar dak li tfisser.
U mbagħad fl-aħħar, inti tagħtiha kulur.
Allura jien ser jgħidu "iswed."
U dawn huma kollha affarijiet li aħna stajt issa rajna qabel, ħlief għall-istil,
imma aħna ser nitkellmu dwar dan.
Allura inti guys raw il-kejl, u inti stajt tidher kuluri.
U dak li jiġri huwa li aħna nikseb dan bordura sewda sbieħ madwaru, id-dritt?
You guys tara kif għamilna dak?
>> UDJENZA: Yeah.
>> Tomáš REIMERS: Kessaħ.
Allura dak hu li?
Allura l-ewwel nett, huwa pixel wieħed.
C'est evidenti biżżejjed, id-dritt?
Bħal, huwa pixel wieħed ħoxna.
Jew ikun pixel wieħed, imma jien żżomjati fi, dan huwa ftit aktar
minn dak.
>> ALLISON BUCHHOLTZ-UA: U aħna għandna din ir-riżoluzzjoni TV redikoli.
>> Tomáš REIMERS: Yeah.
Inti tista 'tagħmel dan akbar, iżgħar, ikun x'ikun.
Allura hawnhekk fruntiera ta 'żewġ pixel.
Int ser ikollok tara huwa darbtejn ħoxna.
Ħaġa li jmiss li għandek huwa l-kulur.
Li mhux interessanti.
Jien ma jmur biex jitkellmu dwar dan, verament.
>> ALLISON BUCHHOLTZ-UA: Iżda l-istil jista 'jkun biss ftit interessanti.
>> Tomáš REIMERS: Yeah.
Allura stil, hemm ftit dawk li nara komunement użati.
Solidi, li wieħed jmiss Ewwel ta 'wieħed bit-tikek, u dashed l-aħħar wieħed.
U hawn huwa bit-tikek.
Int ser ikollok tara li dawn qed mazz ta 'tikek, id-dritt?
Mod tajjeb biex tip ta tikseb fruntiera sympathique għaddejjin, daxxijiet huma wkoll pretty popolari.
>> ALLISON BUCHHOLTZ-UA: U mbagħad naturalment, jien
żgur hemm ħafna oħrajn stili li tista 'tikseb.
U aħna għandna sett kbir ta ' links fl-aħħar għalik guys
għall tip ta 'jaqraw b'attenzjoni u tħares lejn CSS aktar jibred.
>> Tomáš REIMERS: U mbagħad l-aħħar ħaġa, aħna qed
ser jitkellmu dwar il- Mudelli kaxxa reali malajr.
Oh, u mbagħad fuq il-fruntiera, eżattament bħall ikkuttunar,
inti ukoll għandek affarijiet simili xellug il-fruntieri,-dritt tal-fruntieri,-top fruntieri,
tal-qiegħ fruntieri, li jippermettu li inti biex tikseb fuq il-fruntiera speċifiku.
Allura hawnhekk biss il-fruntiera xellug definit.
Does li jagħmel sens?
>> ALLISON BUCHHOLTZ-UA: Huwa jibred mod biex jenfasizzaw l-affarijiet jew iżidu
linji bejn elementi differenti.
Tomáš REIMERS: Assolutament.
Allura dak fruntiera tagħna.
U l-marġni tal-aħħar wieħed.
Padding bħal Marġni ta ħlief mhuwiex within--
ALLISON BUCHHOLTZ-UA: Huwa mhux madwar element tiegħek
imma attwalment madwar il-kollu kaxxa li aħna kont qed jaraw.
>> Tomáš REIMERS: Yeah.
Allison qal li perfettament.
Mhuwiex, simili, ġewwa tiegħek element, huwa madwar il-kaxxa kollu.
Dan ifisser affarijiet simili isfond ma japplikawx għaliha.
U bażikament jgħid, bħal, jien ma jridu xejn
f'dan l-ispazju ħafna għalija.
Hekk bħall hawnhekk għandna marġni ta '10 pixels.
Allura xejn fi żmien 10 pixels għandu jkun jmiss lili.
C'est tip ta 'tagħha ispazju imma xorta ta 'mhux.
Allura dak l-ħafna baŜi tal-mudell kaxxa.
Does li jagħmel sens?
Kessaħ, berred.
ALLISON BUCHHOLTZ-UA: biża.
Allura issa I think we biss għandhom riżorsi jibred tagħna
li aħna ser tieħu inti guys permezz malajr ħafna.
U aħna ser actually-- sew, għandna internet għadhom?
>> Tomáš Reimers: Ejja ara jekk I tista 'tiftaħ up--
let me biss tara jekk I jistgħu jiksbu l-internet malajr
filwaqt Allison taħdidiet dwar xi ħaġa Allison trid biex jitkellmu dwar.
ALLISON BUCHHOLTZ-UA: Allura basically-- I do not
jafu x'iktar nista 'ngħid f'dan il-punt.
Iżda dawn huma xi wħud riżorsi verament tajba.
Dawn huma dawk li Tomas u I użaw
u li għandna attwalment użati biex prep għal dan.
W3schools huwa wieħed li inti guys għandu raw qabel.
Nirrakkomandaw hija għal ħafna affarijiet ma CSS.
I know I jirrakkomanda dan lill taqsima tiegħi il-ħin kollu.
>> Waħda mill-affarijiet kbar huwa li jippermettilek li tip ta 'mess mal CSS
u tara l-bidliet istantanju f'dan,
simili, double-tieqa tarah li hija għandha.
Allura inti ma għandekx għalfejn tinkwieta dwar twaqqif page tiegħek web stess,
jew it-twaqqif vhost fil tiegħek appliance lokali u ospitanti lokali,
u jkollna dak kollu li Jittieħed ħidma.
Huwa parti dritt fi ħdan il-paġna.
>> U għandu dawn ftit lezzjonijiet li inti tista '
jgħaddu biex jitgħallmu aktar dwar seletturi,
jew jitgħallmu dwar timmanipula tiegħek font, jew sfond, jew immaġni.
U inti għandek dawn riżultati istantanji li inti
ma għandekx tagħmel xi xogħol prep ieħor għall.
So I imħabba w3schools.
Huwa fabulous.
Huwa tax-xogħol?
>> Tomáš REIMERS: Yeah.
Le, mhuwiex.
Tixtieq lili biex tipprova u terġa-kompjuter tiegħi?
Jew do irridu to--
>> ALLISON BUCHHOLTZ-UA: I mean, ukoll, dan se jkun ukoll online.
Il-pjastri se jkun online.
So I biss jirrakkomanda ħafna li tagħmel dawn.
>> Dan huwa kbir daqs biss bħal iqarrqu folja.
Huwa biss l-bażiku jikkmanda li inti għandek.
Hija xi ħaġa kbira meta int l-ewwel bdew website tiegħek.
Minħabba li forsi inti ma rridu nġibu fis kollha
l-nitty mrammel reali disinn tqil Jittieħed.
Inti biss bżonn format dan b'mod dak it-tip ta 'jagħmel sens u rieda
do għalissa.
U jekk int verament tixtieq biex tikseb fis dan, I know
dan huwa, bħal, wieħed mill Referenzi favoriti Tomáš ta.
Konna tużaha biex prep, u huwa fabulous.
Hu l-Developer minn Mozilla.
>> Tomáš REIMERS: Allura Mozilla huma il-persuni li jagħmlu Firefox.
U huwa biss iżviluppatur tagħhom stess referenza, li naħseb huwa tal-biża.
U għandu wunderbare lista ta 'riżorsi.
Allura aħna have--
>> ALLISON BUCHHOLTZ-UA: U allura l-aħħar nota hija
meta inti qed tipprova disinn ta 'website tiegħek,
abbaż affarijiet li taħseb huma pretty.
Jispezzjona l-element, jispezzjona l-kodiċi tas-sors
jista 'jkun utli super għall jippruvaw biex insemmu
kif stil website tiegħek stess.
>> Spiss, inħoss bħal l-aħjar mod, minbarra l-esperimentazzjoni,
huwa biss li tħares lejn affarijiet li huma pretty.
I jsibuha verament diffiċli li ftit tip ta 'disinn affarijiet fuq tiegħek stess,
speċjalment fil-bidu.
Allura jekk jogħġbok tħares lejn websajts li inti tgawdi tfittex fuq.
Ċifra barra dak li jagħmel minnhom tappella għalik.
U imbagħad tħossok liberu li ipprova u jirreplika dak.
>> Tomáš REIMERS: Dritt.
Anke bħall-websajts bħal dan, tista 'tara
hemm definittivament div fil-quċċata.
U allura inti għandek div ieħor fi ħdan hawnhekk, li huwa Awesomeness CSS.
U allura inti għandek mazz ta 'links hawn.
Jekk int verament ftit jispezzjonaw Elementi, inti tista sort ta
tibda tara liema do websajts look like, u kif nista
jirrikreaw li jekk jien ridt li.
Does li jagħmel sens?
Allura aħna biss għandek tliet minuti xellug.
Allura mistoqsijiet?
Kwalunkwe wieħed minnhom?
Iva.
>> UDJENZA: Għall-kulur rettangolu, kif kieku inti
have-- jekk inti ma jriduhom jmorru madwar l-paġna kollha, jista
tkun għamilt it go madwar biss nofs il-paġna jew biss it-test?
>> Tomáš REIMERS: Yeah, assolutament.
So let me tara attwalment.
Għandi żewġ ideat.
Allura l-ewwel ta 'kollha, inti jistgħu jużaw ukoll percents.
>> UDJENZA: Really?
>> ALLISON BUCHHOLTZ-UA: Allura xi ħaġa biex tfittex up huwa pożizzjonament relattiv.
Hija xi ħaġa li aħna M'għandix ħin biex tikseb fis-
imma hija xi ħaġa I definitely jirrakkomanda inti guys ikkontrollar out.
>> Tomáš REIMERS: percents Allura.
U tara kif aħna għamilha biss 50% tal-wisa?
ALLISON BUCHHOLTZ-UA: Jekk inti tassew taf in-numru ta 'pixels,
inti tista 'tkun aktar preċiża li l-mod.
Tista 'fiddle madwar magħha.
Iżda 50%.
Jekk konna li resize browser tagħna, hi tagħmilha iżgħar.
>> Tomáš REIMERS: Well, huwa bażikament 50% id-dritt issa, I think.
Huwa 50%, u allura l-marġni ġie miżjud ma 'dak.
CSS għandha ħafna ta 'quirks.
Allura issa dritt dan huwa 50% tal-wisa paġna.
Imma ftakar li inti għandek 10 pixels jittieħdu barra minn kull naħa.
Mela jekk inti kienu li jiċċaqalqu li kontra l-tarf tax-xellug tal-browser,
allura look like 50%.
Għal darb'oħra, bħal I said, CSS jista jkun hemm ħafna ta 'raden u check.
Bħal, taħseb xi ħaġa huwa ser iġibu ruħhom mod wieħed,
iżda iġib ruħu b'mod totalment differenti.
>> ALLISON BUCHHOLTZ-UA: U inti biss tikseb aktar intelliġenti,
u inti biss tikseb aħjar intwizzjoni għal dan kif inti timxi flimkien.
>> Tomáš REIMERS: U imur għall-agħar u agħar.
Allura huwa verament ftit razza.
>> ALLISON BUCHHOLTZ-UA: C'est inkoraġġanti super.
Aħna tixtieq li tixtieq CSS.
>> Tomáš REIMERS: CSS huwa tal-biża.
Ftakar li.
Mistoqsijiet oħra?
>> ALLISON BUCHHOLTZ-UA: L-unika ħaġa.
Xi ħaġa oħra?
Kessaħ.
>> Tomáš REIMERS: biża.
>> ALLISON BUCHHOLTZ-UA: Well, jekk inti guys xi mistoqsijiet aktar tard,
aħna qed dejjem disponibbli bħala kull soltu.
Int ser ikollok probabbilment tara xi minna għal proġetti finali
u definittivament fil-hackathon.
>> Tomáš REIMERS: Assolutament.
U fil-fiera.
>> ALLISON BUCHHOLTZ-AU: U fil-fiera.
Oh.
>> Tomáš REIMERS: Ħerqa li jaraw kollha ta 'awesome-- tiegħek
>> ALLISON BUCHHOLTZ-UA: Ser naraw kollha ta 'websajts tal-biża tiegħek
li se tkun sabiħa.
Tomáš REIMERS: Inti tista 'dejjem tara, bħal,-websajts
li kellhom, bħall-, CSS tajba u mbagħad bħal dawk li ma jipprova jagħmel CSS.
ALLISON BUCHHOLTZ-UA: Ukoll, ieħor ħaġa, wieħed aktar ħaġa li tħares lejn
huwa Bootstrapping.
Allura bootstrap hija kbira.
>> Tomáš REIMERS: Google li jekk you--
>> ALLISON BUCHHOLTZ-UA: Google lilha.
Huwa fabulous.
Int ser ikollok imħabba tiegħu.
U issa li inti għandek fehim bażiku tal CSS,
dan ser tagħmel ħafna aktar sens.
Tal-biża.
Grazzi, guys.
>> Tomáš REIMERS: Grazzi tant.