>> [Seinm ceoil]
ALLISON BUCHHOLTZ-AU: Mar sin, táimid go bunúsach ag dul díreach
a thabhairt duit rundown de CSS, mar tá a fhios againn
nach raibh sé clúdaithe i ngach hailt.
Agus ba mhaith linn i ndáiríre a dhéanamh cinnte go bhfuil tú Tá guys seo an uirlis ar do láimh,
toisc go bhfuil sé an cumas a dhéanamh do láithreáin ghréasáin cuma i bhfad níos prettier.
>> Agus má tá tú ag tógáil ar an suíomh gréasáin, ansin ba mhaith leat is dócha a dhéanamh go leor é.
Ciallaíonn mé, ní gá duit a, ach ba mhaith liom a mholadh é. [Gáirí]
Más mian leat d'úsáideoirí a úsáid, d'fhéadfadh tú ag iarraidh a dhéanamh beagán [inaudible].
Mar sin, táimid ag dul chun iarracht a thabhairt duit go díreach roinnt uirlisí bunúsacha agus tuiscint,
ionas gur nuair a théann tú amach agus tú taighde a dhéanamh ar rudaí mar gheall CSS,
nach bhfuil sé i gcrích gibberish, mhaith CSS uaireanta a bheith.
>> TOMAS REIMERS: Yeah.
Allison dúirt sé go maith go leor.
Mar sin, buille faoi thuairim mé an chéad rud againn Ba chóir tús a chur le go bhfuil an méid atá CSS?
Dá bhrí sin tá CSS uamhnach.
CSS--
>> ALLISON BUCHHOLTZ-AU: Sin an t-ainm ar ár seimineár.
>> TOMAS REIMERS: Yeah.
Tá sé i ndáiríre tábhachtach go dtuigeann tú go bhfuil faoin am sin.
Má tá tú a ghlacadh ach amháin ar shiúl amháin rud, tá sé go bhfuil CSS más uamhnach.
Dhá Tá Seasann CSS le haghaidh Cascáideacha Stílbhileoga.
Mar sin, ag a chroí, is CSS bileog stíle, rud a chiallaíonn
Ceadaíonn sé duit a stíl ar an leathanach gréasáin.
Agus ansin cad a chiallaíonn go bhfuil, tá sé ina bhealach stíl a chur le do láithreáin ghréasáin.
Mar sin, ag stíl, gceist againn gach rud ní ar sin structural--
mar sin rudaí cosúil le dathanna, cúlra íomhánna, teorainneacha, cosúil le, stuáil,
corrlaigh.
Beidh muid ag labhairt faoi na rudaí a go léir a chiallaíonn i beagán.
>> Mar sin, tá muid imithe díreach amach romhainn agus d'oscail an dá cheann de na suas i gedit.
Mar sin, is é seo index.html.
Agus is é seo main.css.
Mar sin, tá aon rud main.css.
ALLISON BUCHHOLTZ-AU: No stíl go dtí seo.
TOMAS REIMERS: None.
Agus mar go mbainfidh tú a fheiceáil, tá sé láithreán ndáiríre gránna.
ALLISON BUCHHOLTZ-AU: Tá sé díreach plain.
TOMAS REIMERS: Yeah.
Yeah, nach bhfuil sé gránna, tá sé ach íostach.
Agus ansin anseo tá index.html.
Agus mar sin ar feadh tapa recap de HTML, Allison,
ba mhaith leat a labhairt díreach faoi ar an leathanach seo?
>> ALLISON BUCHHOLTZ-AU: Yeah.
Mar sin ar ndóigh, ní mór dúinn ár HTML tag, a ach ainmneacha comhaid HTML.
Tá ár header anseo, le CSS Awesomeness, which-- má théann tú ar ais.
Cá bhfuil sin?
>> TOMAS REIMERS: Ó.
Yeah, is féidir leat a fheiceáil.
ALLISON BUCHHOLTZ-AU: Agus faoi deara an header
Tá cluaisín seo header ceart suas anseo.
Agus ansin "Dia duit, domhan!" Is an téacs go bhfuil againn ach
taispeáint ar an ngréasán leathanach, a is-- dul ar ais.
Ar ais.
A bhfuil ach i ár gcomhlacht here-- an gnáth-théacs.
Chomh maith leis sin, rud amháin a faoi ​​deara, má fhéachann tú anseo,
Tomas aistrigh suas na dhá cheann as ár sleamhnán.
Mar sin, chomh fada agus a bhfuil tú go léir trí cinn díobh seo, tá tú breá.
Is féidir leo a bheith i cibé ord is mian leo.
Cad is tábhachtaí ná sin go díreach tá gach ceann de na trí rud.
>> TOMAS REIMERS: Cool.
Cuir le cineál doc?
ALLISON BUCHHOLTZ-AU: Yeah.
TOMAS REIMERS: Yeah.
Cool.
ALLISON BUCHHOLTZ-AU: dealraimh, Ní mo mics mhaith liom.
TOMAS REIMERS: Ó, a thabhairt dúinn soic díreach cé lasca Allison amach a mic.
Mar sin, yeah.
Mar sin, ní mór dúinn ár leathanach is mó.
Tá sé de chineál ar unstyled.
Nach bhfuil againn i bhfad.
Tá muid díreach go bunúsach téacs.
Ní mór dúinn an stílbhileog.
Ní mór dúinn an teideal.
Mar sin, ach lom-boned a dhéanamh comhpháirteanna láithreán gréasáin.
>> Mar sin, ó ann, a ligean ar labhairt faoi cad é CSS
agus cad tá sé cosúil agus gach ceann de sin.
Mar sin, do that--
ALLISON BUCHHOLTZ-AU: Ar ais go dtí na sleamhnáin.
TOMAS REIMERS: Ar ais go dtí na sleamhnáin.
Agus is féidir Allison ghlacadh ar láimh.
>> ALLISON BUCHHOLTZ-AU: Woo.
OK.
Mar sin, i do chomhad CSS, bhfuil tú ag dul a bheith acu
a lán de na rudaí a dtugtar roghnóirí.
Beidh sin a bheith díreach an bhonn do chomhad CSS.
Tá sé seo ag díreach ag dul a bheith go leor agus go leor de na.
Mar sin, roghnóir.
Is é seo ach an anatamaíocht ginearálta.
Táimid ag dul chun dul tríd samplaí, mar má tá tú riamh guys
faire mo alt, is dóigh liom cosúil le rudaí sa teibí
Ní a dhéanamh i ndáiríre ciall.
Cabhraíonn sé i gcónaí a fheiceáil ar na samplaí.
>> Mar sin, ní mór dúinn roinnt roghnóir.
Sin ag dul a bheith ar roinnt aitheantóir do cad ba mhaith linn ar an stíl a chur i bhfeidhm le.
Agus ansin is féidir linn a bheith ar bith sraith rialacha agus na luachanna.
Mar sin, roghnóirí go mb'fhéidir go mbeadh tú a fheiceáil d'fhéadfadh a bheith rud éigin cosúil le comhlacht,
nó i mír le P, nó header, nó pé rud,
is cuma cad ba mhaith leat do chuid clibeanna HTML a bheith.
>> Mar sin, sa chás seo, ní mór dúinn comhlacht.
Agus ní mór dúinn roinnt riail, a fhreagraíonn seo
leis an méid a mbaineann an do stíl a.
Mar sin, sa chás seo, ní mór dúinn dath cúlra agus meáchan cló.
Mar sin, tá sé seo ag dul a athrú an cúlra de rud ar bith
laistigh d'aon chlib comhlacht ar ár comhaid HTML.
Agus tá sé ag dul a thabhairt sé sin luach gorm éadrom.
>> Mar sin, tá sé ag dul a dhéanamh ar an chúlra gorm éadrom.
Agus ansin tá rud ar bith taobh istigh de chomhlacht ag dul go bhfuil meáchan cló trom.
Mar sin, tá sé ag dul ach a trom i ngach ceann dár téacs.
Agus é seo ach roghnóir amháin.
Ach d'fhéadfaí tú a bheith an-go leor de na.
Agus mar táimid ag dul a thaispeáint ina dhiaidh sin, le beagán níos mó ar conas
go n-oibreacha agus níos mó samplaí ann.
Rud ar bith is mian leat a chur?
>> TOMAS REIMERS: Uimh
Allison fuair sé.
Táimid ag dul ach a ghearradh suas sampla anseo ar ár sampla suíomh.
Mar sin, a ligean ar ghlacadh ndáiríre seo.
Tá sé foirfe.
Mar sin, tá mé díreach tar éis dul go dtí chóipeáil agus a ghreamú an ceart sin isteach inár chomhad main.css.
Agus tá mé ag dul a shábháil.
Agus ansin beidh muid ag rith sé.
Nóta Mar sin taobh, ar cheann de na an chuid is mó rudaí frustrating
Is mura bhfuil tú a shábháil comhad, agus ansin tú, cosúil le, athlódáil an leathanach seo,
agus is maith, nach bhfuil an fáth an t-athrú ag tarlú?
A tharlaíonn sé.
Mar sin, anseo a chonaic muid go rinne muid ár gcuid láithreán gréasáin chúlra gorm éadrom
agus roinnt bolded téacs.
>> Ba chóir dom a lua freisin, má tá tú tá ceisteanna faoi rud ar bith guys
táimid ag déanamh, le do thoil bhraitheann saor in aisce a stop a chur chugainn agus a iarraidh orainn.
Tá muid go hiomlán sásta chun ceisteanna a a réimse.
>> ALLISON BUCHHOLTZ-AU: Ar ndóigh, le CSS, Tógann gach rud ar féin.
Mar sin, más rud é nach bhfuil rud amháin ciall anois, ní mór dúinn
nach mian go bhfuil a portach tú síos níos déanaí.
>> TOMAS REIMERS: Mar sin a ligean de chineál ar dissect seo.
Mar sin bhfuil tú ag iarraidh chun tús a chur leis an roghnóir anseo?
>> ALLISON BUCHHOLTZ-AU: Yeah.
Mar a bhí mé ag rá roimh, comhlacht ach ár roghnóir anseo.
Mar sin, má théann muid ar ais go dtí ár n-ah index--.
>> TOMAS REIMERS: Cén dhún mé díreach.
Tabhair dom an dara.
Mar sin Comhad, Oscailte, index.html.
ALLISON BUCHHOLTZ-AU: Cool.
Mar sin, má thugann tú anseo, ní mór dúinn Tá na clibeanna comhlacht, ceart?
Mar sin, fhreagraíonn an roghnóir ach a na clibeanna go bhfuil muid ag caint faoi.
Mar sin, an comhlacht ar dheis anseo.
Mar sin, cad tá muid ag rá go bhfuil everything-- is féidir linn dul ar ais?
Is mian liom raibh mé díreach tar cosúil leis dteagmháil leis an scáileán.
Ba é a bheith i bhfad with.
>> Mar sin, aon rud laistigh de na clibeanna comhlacht, a chonaic muid
a bhí díreach, ar nós, an téacs, agus an comhlacht i gcoitinne
Tagraíonn, ar nós, an cúlra.
Más mian leat riamh a athrú ar an cúlra,
go bhfuil ag dul a bheith i tag chomhlacht.
Just a bhfuil na rialacha seo i bhfeidhm ar leo.
>> Mar sin, más rud é go raibh muid chun dul go dtí index.html and-- ndáiríre,
Is féidir linn a bheith rud éigin taobh amuigh de chuid an chomhlachta?
Má bhí againn, ar nós, le buntásc nó rud éigin, ní bheadh ​​feidhm aige maidir le seo.
Ach rud ar bith taobh istigh na clibeanna comhlacht ag dul
go mbeidh tionchar ag an gcomhlacht seo Roghnóir go atá déanta againn.
Mar sin, má bhí tú chun cineál rud éigin eile there--
>> TOMAS REIMERS: A ligean ar tiomáint go teach.
Mar sin, má bhí againn div-- ionas go ach chlib eile is féidir leat a bheith.
Tá mé ag dul a dhúnadh.
Nó a ligean ar a dhéanamh ar an mír.
Mar sin, Seasann p mhír.
Agus laistigh mhír sin.
Agus ansin rá liom, "Is é seo an téacs."
Cool.
Agus ansin rinne mé an riail seo le mír ionad an chomhlachta.
Feicfidh tú a fheiceáil conas a bhaineann sé ach le an mhír nua-bhunaithe, ar dheis,
nach bhfuil an rud ar fad.
An bhfuil ciall?
>> ALLISON BUCHHOLTZ-AU: Mar sin, is é seo go léir an comhlacht,
ach anois ar ár roghnóir díreach fhreagraíonn do mhír.
Mar sin, ní mór dúinn ach dána agus gorm don mhír ar leith,
mar is é seo an rud amháin go bhfuil iniata laistigh chlib lch.
>> TOMAS REIMERS: An dhéanamh go chiall a shórtáil ar conas rudaí Cuach rudaí eile?
ALLISON BUCHHOLTZ-AU: Chomh maith leis sin, ach a rá, is maith, ar cheann de na bealaí is fearr
a fháil i ndáiríre compordach leis CSS Is é a dhéanamh ach rudaí mar seo,
ach triail a bhaint amach.
Tá sé an-simplí a rud éigin a chlóscríobh amach, bhuail Athnuaigh, agus féach cad a tharlaíonn.
Agus mar a bhfuil an chuid is mó CS, Is féidir turgnamh go minic
mar thoradh ar i bhfad níos fearr tuiscint iomasach.
Fiú amháin níos mó ná dúinn díreach, mhaith, ag caint a thabhairt duit.
>> TOMAS REIMERS: Cinnte 100% aontú ar an bpointe sin.
Mar sin, má théann muid ar ais go dtí seo, a ligean ar tús a chur dissecting go díreach cad dá dhéanamh.
Mar sin, tá dhá rialacha maidir leis seo.
Mar sin, is é an chéad cheann dath cúlra.
Agus a fheiceann tú go atá againn a leag sé cothrom le luach, gorm éadrom.
>> Mar sin, i CSS, is CSS shórtáil an-scaoilte faoi conas
bhfuil tú ag ceadaithe dath a shainmhíniú.
Mar sin, is féidir leat iad a shainiú de réir ainm.
Is féidir leat a dhéanamh freisin rud éigin cosúil le "dearg."
Agus ansin má théann muid ar ais go dtí seo, Feicfidh tú a fheiceáil go bhfuil an cúlra dearg.
Is féidir leat really-- freisin I mo thuairimse, tú Is féidir a fháil cruthaitheach go leor leis seo,
Ní féidir leat?
>> ALLISON BUCHHOLTZ-AU: I I mo thuairimse, is féidir leat úsáid heicsidheachúlach.
Ní féidir leat?
>> TOMAS REIMERS: Yeah.
Mar sin, is féidir leat úsáid heicsidheachúlach.
Ach tá mé ag smaoineamh an t-ainm-ciallmhar.
An bhfuil nach bhfuil ann?
ALLISON BUCHHOLTZ-AU: Is féidir leat a dhéanamh go leor a lua.
Go leor i bhfad mar chuid is mó dathanna go bhfuil tú Is féidir le name-- mhaith, I mo thuairimse, go bhfuil bradán amháin.
>> TOMAS REIMERS: Táimid bradán iarracht dul.
ALLISON BUCHHOLTZ-AU: I cheapann go bhfuil chartreuse in ann.
TOMAS REIMERS: Yeah.
Féach?
Mar sin, is féidir leat a fháil go leor cruthaitheach.
>> ALLISON BUCHHOLTZ-AU: Tá tú D'fhéadfadh a fháil go leor cruthaitheach.
Cosúil, más féidir leat smaoineamh ar an an t-ainm dath, is dócha i ann.
Más mian leat i ndáiríre fíneáil mion, is féidir leat dul heicsidheachúlach.
>> TOMAS REIMERS: Yeah.
Mar sin, heicsidheachúlach.
Más cuimhin leat guys seo ar ais ó do PSET aois, Íomhá ghnóthú,
bhí tú guys chun déileáil leis na luachanna heicsidheachúlach.
Agus saghas a recap cad é sin, Tá heicsidheachúlach trí luach a stóráil ann.
Mar sin, tá sé i ngrúpaí de dhá incrimintí.
An chéad dá ionadaíocht a dhéanamh ar luach dearg.
Is ionann an dara ceann an luach glas.
Agus is é an ceann deireanach gorm?
>> Mar sin, a tharlaíonn FF chun ionadaíocht a dhéanamh a heicsidheachúlach 255.
Mar sin, tá 255 dearg, 255 agat glas, agus 0 chun gorm.
Agus raon luachanna idir 0 agus 255.
>> LUCHT ÉISTEACHTA: Ceart.
Mar sin go bunúsach, d'fhéadfadh muid a chuardach an idirlíon le haghaidh dath ar bith is mian linn,
agus a aithint an-ar a dtugtar i ndáiríre dath teaglama speictream,
agus ansin d'fhéadfadh muid é a chur i?
ALLISON BUCHHOLTZ-AU: Go díreach.
Mar sin, tá tú smacht iomlán go leor i bhfad thar na dathanna is mian leat laistigh CSS.
An bhfuil muid ag dul chun labhairt faoi íomhánna cúlra níos déanaí?
Nó ba mhaith linn a dhéanamh?
>> TOMAS REIMERS: Yeah.
Cinnte.
Mar sin an chéad, ach a thaispeáint go dearg agus glas atá buí.
Agus más gá tú roinnt cabhrú le teacht ar seo, tá tú
Is féidir Google rud cosúil le "roghnóir dath."
ALLISON BUCHHOLTZ-AU: Ó, tá sé chomh maith.
Is breá liom Dath Picker.
>> TOMAS REIMERS: colorpicker.com Is sampla maith.
Agus anseo, beidh tú a fheiceáil go bhfuil tú a roghnóir dath Photoshop-mhaith iomlán.
>> ALLISON BUCHHOLTZ-AU: Mm-hm.
Chomh maith leis sin, is iad na rudaí fuarú tú Is féidir le scéimeanna dath a ghiniúint
ionas nach mian leat go bhfuil, cosúil le, dathanna clashing.
TOMAS REIMERS: Agus ansin anseo an luach heicsidheachúlach suas anseo.
Mar sin, is féidir leat a fháil ar líne i gcónaí go bunúsach áiteanna a fháil ar an luach heicsidheachúlach as.
Níl sé a réiteach ar sin go díreach, ar nós, ní mór dúinn féach ar na dathanna an domhain i líon.
Tá sé níos mó a théann muid ar líne agus a fháil cén dath ba mhaith linn,
agus ansin a chur ar an uimhir síos.
Toisc go bhfuil sé ach éasca i ndáiríre bhealach chun rudaí a tagartha i CS.
>> ALLISON BUCHHOLTZ-AU: Agus ansin níl also--
Dearmad mé an t-ainm cruinn an tsuímh.
Ach níl cinnte, I smaoineamh, rud éigin as Adobe
a ghineann scéimeanna dath ar do shon, atá i ndáiríre cool, toisc go bhfuil tú
definitely-- tá sé uaireanta go crua chun a dhéanamh amach,
OH, más mian liom a bhaint as an dath, cad a d'fhéadfadh a bheith ar cheann úsáideach eile
úsáid a bhaint as áiteanna eile ar mo shuíomh a, mhaith, a dhéanamh deas agus comhtháite.
>> TOMAS REIMERS: Allison s ag caint faoi ceann amháin ag Adobe dtugtar Kuler, I mo thuairimse.
Tá sé an K-U-L-E-R.
ALLISON BUCHHOLTZ-AU: I mo thuairimse, mar sin.
Tá mé cinnte go leor go bhfuil an ceann.
>> TOMAS REIMERS: Tá mo is fearr leat i gcónaí Dearthóir Scéim Dath.
>> ALLISON BUCHHOLTZ-AU: Ooh.
>> TOMAS REIMERS: Cé acu is now--
>> ALLISON BUCHHOLTZ-AU: Ah, tá sé seo go hálainn.
>> TOMAS REIMERS: Agus tú Is féidir a rá go bunúsach, cosúil le,
Ba mhaith liom trí dathanna in aice le gach eile.
Agus ansin a ligean ar rud éigin a dhéanamh deas.
Agus ansin is féidir leat a fháil, mar shampla an méid a d'fhéadfadh a bhfuil cuma mhaith.
Agus ansin má tá tú hover thar aon cheann de iad, tugann sé leat an luach heicsidheachúlach.
>> Mar sin, ach mar bhealach maith chun tús a chur ag smaoineamh faoi scéimeanna dath
nó cad dathanna i suíomh gréasáin D'fhéadfadh dul go maith le chéile.
Toisc gur féidir a bheith ionadh ní mar éasca a phiocadh mar a cheapann tú.
Agus ansin an rud eile fionnuar Fuair ​​mé i gcónaí faoi an suíomh seo
má bhuaileann tú Samplaí, beidh sé thaispeáint cad shampla láithreán gréasáin
D'fhéadfadh cuma mhaith úsáid a bhaint as scéim dathanna.
Ar aon nós.
>> Ar ais go dtí an CSS iarbhír.
ALLISON BUCHHOLTZ-AU: Ach ar ndóigh, ní mór dúinn fhios d'fhéadfadh na tagairtí a bheith úsáideach.
TOMAS REIMERS: No, siad Is féidir a bheith cinnte cabhrach.
Mar sin, an dara riail, Allison?
>> ALLISON BUCHHOLTZ-AU: Yeah.
Is é an dara riail díreach a fhreagraíonn do ár cló.
Dá bhrí sin tá meáchan cló ach chineál of-- sin bheadh ​​an meáchan
a bheith más mian leat ach, cosúil le, gnáth nó, cosúil le, clónna níos tanaí,
nó sa chás seo, ar nós, gcló trom.
Dearmad mé.
Cad é an má bhí tú go bhfuil it-- ann ceann thinner ná, cosúil le, gnáth?
TOMAS REIMERS: nach bhfuil mé i ndáiríre Tá a fhios má tá ceann thinner.
ALLISON BUCHHOLTZ-AU: mé dearmad.
Meáchan Mar sin font againn de ghnáth a úsáid ach do gcló trom.
Más mian leat a fháil i ndáiríre i é, táimid ag dul a thaispeáint duit.
W3Schools go léir an éagsúla rudaí is féidir leat a dhéanamh do clónna.
Ach go bunúsach, más mian leat riamh rud ar bith a athrú faoi cló,
tá sé ag dul i gcónaí a bheith, mhaith, font-rud éigin.
Mar sin, beidh sé a bheith cosúil le, font-teaghlaigh má tá tú ag iarraidh a athrú ar an gcineál iarbhír.
Beidh sé a bheith font-stíl má tá tú ag iarraidh a dhéanamh cosúil le cursive,
nó gcló iodálach, nó whatnot.
Nó fiú font-dath, más rud é bhíomar ag iarraidh a athrú go.
>> TOMAS REIMERS: Yup.
Mar sin, is féidir leat athrú go.
Agus saghas ach a recap anois, agus mar sin is féidir leat
a fheiceáil go bhfuil muid ar an roghnóir suas anseo.
Ní mór dúinn na braces gcuach.
Agus ansin ní mór dúinn rialacha theorainneacha socraithe ag leathstadanna.
An bhfuil ciall?
Yeah?
Cool.
Mar sin, má tá sin good--
>> ALLISON BUCHHOLTZ-AU: Ar ais.
TOMAS REIMERS: A ligean ar labhairt go sonrach faoi ​​cén cineál roghnóirí atá againn.
'Cause ceart anois tá muid saghas ach thaispeántar clibeanna.
Ach d'fhéadfaí tú a fheiceáil guys sochreidte é.
Abair go bhfuil tú dá mhír ar leathanach agus tú
ag iarraidh a bheith in ann a stíl amháin ach ní an ceann eile,
nach bhfuil tú ag iarraidh ach a theorannú duit féin a bheith acu úsáid a bhaint as HTML iarbhír difriúil
clibeanna a thabhairt dóibh stíleanna éagsúla.
>> Mar sin, ní mór dúinn trí bhunúsach cineálacha roghnóirí.
ALLISON BUCHHOLTZ-AU: Yeah.
Mar sin, ní mór dúinn chlib, a bhfuil cad tá muid ag caint faoi ceart anois.
Mar sin, go bhfuil cineál cosúil le do chomhlacht nó lch.
Agus ansin ní mór dúinn rang, a bhfuil nuair a shainiú muid é in ár chomhad CSS,
sé ag dul i gcónaí a bheith ponc, is cuma cad ba mhaith leat an t-ainm do rang a bheith.
Agus is féidir seo le rudaí éagsúla.
>> Abair go bhfuil tú cúig mhír agus dhá cheann de na trí cinn acu
gá iad a styled mar an gcéanna, ba mhaith leat a iarratas a dhéanamh ar rang a sé.
Agus é seo ach an dóigh a dhéanaimid é.
Beidh muid a thabhairt duit ar shampla de i gcás ina léiríonn sé seo i ndáiríre suas.
Ach má bhí tú b'fhéidir roinnt chlib p, tar éis dó, go mbeadh tú a scríobh,
ionann aicme is cuma cén rang ba mhaith leat iarratas a dhéanamh air.
Mar sin, is cuma cad roghnóirí ranga gur mhaith linn iarratas a dhéanamh chuig an mhír ar leith,
d'fhéadfadh muid a scríobh go díreach mar seo.
Ar ndóigh, I mo thuairimse, mar shampla Beidh a dhéanamh i bhfad níos mó nithiúla.
>> An ceann eile againn Tá id, a in iúl dúinn
le hais, nó punt, nó hashtag.
TOMAS REIMERS: Octothorpe.
ALLISON BUCHHOLTZ-AU: Octothorpe.
Go n-oibríonn, freisin.
Agus ba chóir an ceann seo a bheith i ndáiríre ar leith.
Ba chóir dóibh iarratas a dhéanamh ach amháin le rud amháin ar do leathanach.
Mar sin, cibé go bhfuil alt ar leith, nó cuid mír sa liosta, nó pé rud,
ba chóir é seo a bheith ar leith.
Agus ar an mbealach céanna go againn ach rá, cosúil le, aicme = "class2 Class1,"
is féidir é seo a bheith díreach id cibé againn.
TOMAS REIMERS: Yeah.
Mar sin, a ligean ar labhairt cinnte samplaí anseo.
Agus tá mé ag dul díreach tar chun tumadóireacht a dheanamh ar ais chuig an cód.
Mar sin, a ligean ar breathnú ar ár HTML.
Agus mar sin ní mór dúinn ceart anois mír amháin.
Is é seo an téacs.
Tá mé ag dul díreach a mhodhnú sé. "Is é seo an téacs 1."
Agus ansin tá muid ag dul go dtí go mbeadh "Is é seo an téacs 2."
>> ALLISON BUCHHOLTZ-AU: An Dara amháin.
TOMAS REIMERS: Yup.
Mar sin, ní mór dúinn anois "Is é seo an téacs 2," ceart?
Agus táimid ag dul a fheiceáil go má athlódáil againn an leathanach, cad tá muid ag dul chun teacht ar
Is tá muid ag dul a find--
ALLISON BUCHHOLTZ-AU: Ooh.
TOMAS REIMERS: Yeah.
Táimid ag dul a aimsiú "Is é seo téacs 1, "agus" Is é seo an téacs 2. "
>> ALLISON BUCHHOLTZ-AU: Agus dath buí amach álainn.
>> TOMAS REIMERS: Agus beidh tú a fheiceáil go bhfuil ár roghnóir ceart anois,
a bhaineann le p, nó míreanna isteach ar, an mbeirt acu,
mar gheall ar chomhlíonadh an mbeirt acu ar an choinníoll go bhfuil siad araon tag lch.
Sin a dhéanann ciall iomlán.
Mar sin, tá an cheist, go maith, cén má bhíomar ag iarraidh a fháil ach amháin?
Mar sin, go díreach mar a bhí Allison rá, tá dhá bhealach eile a dhéanamh.
Tá mé ag dul chun tús a chur leis an id.
>> ALLISON BUCHHOLTZ-AU: Let tús leis id.
>> TOMAS REIMERS: Agus dá de na tá tréithe.
Mar sin, tréithe ann i HTML.
Agus cad atá siad é rud a cuir tú
taobh istigh den chlib atá ar leith ó an t-ainm chlib.
Mar sin, is féidir leat a bheith tréithe éagsúla.
Yeah?
>> ALLISON BUCHHOLTZ-AU: Bhí mé ag dul díreach a rá, ó do sampla ó PSET 7,
má tá aon cheann de tú iarracht a chur ar chomhréim rudaí leis an ionad,
a bheadh ​​agat a úsáid "Téacs ailíniú = ionad."
Agus tú faoi deara dócha Ba chóir a bheith dírithe
do téacs nó do bharra nascleanúna.
Mar sin, go díreach freisin tréith go mb'fhéidir go mbeadh tú a bheith eolach.
TOMAS REIMERS: Níl a bunch an tréithe go mbainfidh tú a fheiceáil.
Yeah.
Cosúil le tagairt maith a PSET 7.
Ní mór dúinn id.
Is féidir leat freisin aicme, rudaí mar seo.
Is féidir le tag amháin go leor tréithe.
Mar sin, ag tosú le id, a ligean ar ligean orthu againn ag iarraidh a bheith acu id of-- Níl a fhios agam.
Beidh muid glaoch speisialta, mar gheall ar an gceann seo, tá muid
ag dul a dhéanamh dána, agus béim, agus is cuma cad.
ALLISON BUCHHOLTZ-AU: Tá sé dul a bheith Super speisialta.
TOMAS REIMERS: Mar sin, seo amháin, ní mór dúinn ar leith id.
Mar sin, an bealach a roghnú go bhfuil, ansin, i main.css, seachas go bhfuil tag p,
a dhéanann tú #special, ceart go leor?
Agus roghnaíonn go bhfuil an Rud a bhfuil ar leith id.
An bhfuil sé seo ciall a dhéanamh le gach duine?
LUCHT ÉISTEACHTA: Yeah.
TOMAS REIMERS: Cool.
Mar sin anois má théann muid ar ais, beidh orainn see-- whoops.
Yeah.
Beidh orainn a fheiceáil go roghnaíonn sé ach an ceann a bhfuil ar leith id.
Yeah?
Fuaimeanna fionnuar.
Yes.
>> LUCHT ÉISTEACHTA: An féidir rud éigin a bhfuil tréith d'aicme agus id araon?
>> TOMAS REIMERS: Tá.
LUCHT ÉISTEACHTA: OK.
Agus ansin cad a tharlaíonn má tú a thabhairt ansin sé roinnt rialacha i CSS choinbhleacht?
TOMAS REIMERS: Go hiomlán.
Táimid ag dul cinnte chun labhairt faoi sin.
Mar sin, go díreach cad a bhí tú ag fáil ag, is féidir leat a bheith ar ranganna freisin.
Mar sin, a ligean ar ligean go raibh mé trí mhír agus mé
ag iarraidh a stíl ar an gcéad dhá ach nach bhfuil an tríú.
Bhuel, is féidir do chéad smaoineamh a bheith, go maith, mé D'fhéadfadh a thabhairt ach an dara ceann ina id.
Ach ní féidir leat, mar gheall ar an id, go díreach mar a bhí Allison rá,
Tá a bheith ar leith.
>> Mar sin, in ionad an id, cad tú Is féidir úsáid a bhaint as go bhfuil is féidir leat úsáid a rang.
Agus class-- cad cuireann sé ar tú a dhéanamh ná a rá go bunúsach,
mbaineann sé seo mar chuid de ghrúpa.
Sa chás seo, ár ngrúpa ar a dtugtar Speisialta.
Agus is é cad tá muid ag dul a dhéanamh ansin táimid ag dul a say-- seachas punt,
táimid ag dul ponc a úsáid.
OK?
Agus faoi deara go bhfuil an punt agus ponc ann ach amháin laistigh de uathúil an comhad CSS,
Ní laistigh den HTML.
ALLISON BUCHHOLTZ-AU: Tá.
Idirdhealú tábhachtach.
>> TOMAS REIMERS: Tá mé Bhí streachailt an oiread sin,
mar gheall ar chuir mé an hash ar an HTML agus ansin mhothaigh ach dúr ar feadh i bhfad.
Féach ar conas a roghnaíonn sé an dá de na cinn leis sin rang?
Cool.
>> Anois, is féidir rudaí a bheith ranganna éagsúla.
Ligean le rá a bhí mé a dhéanamh ar an chéad dhá Tá cúlra de buí
agus an dara dá bhfuil dath cló gorm.
OK.
Níl a fhios agam i ndáiríre cén fáth gur mhaith liom ag iarraidh a dhéanamh sin, ach is féidir liom.
>> ALLISON BUCHHOLTZ-AU: ní a d'fhéadfadh mhol sé do láithreán gréasáin.
Ach dár gcríoch sin, beidh sé a dhéanamh.
>> TOMAS REIMERS: Níl sé scéim dath maith.
ALLISON BUCHHOLTZ-AU: Bhuel, buí agus go bhfuil siad gorm mo dathanna scoil ard.
Níl a fhios agam, cé.
TOMAS REIMERS: Allison ard Bhí scéim dathanna mór scoil.
[Gáire]
Mar sin, ansin cad is féidir linn glaoch é seo lig glaoch this-- ionas go mbeidh muid Speisialta
agus ní mór dúinn Pretty.
Mé le fios, as seo, a úsáideann tú ainmneacha i bhfad níos tuairisciúil.
ALLISON BUCHHOLTZ-AU: Yeah, ba mhaith liom glaoch seo, cosúil le, buí nó gorm.
>> TOMAS REIMERS: Níl muid i ndáiríre a dhéanamh ar an suíomh gréasáin fíor,
agus sin an fáth nach bhfuil muid ag déanamh go.
Ach má tá tú i ndáiríre Bhí ar an suíomh gréasáin fíor, tú
D'fhéadfadh a bheith acu, cosúil le, header article, ábhar article, an chéad fhocal,
rudaí mar sin, a ligeann tú a bheith i bhfad níos tuairisciúil.
Is iad seo i ndáiríre ach cosúil athróg.
Ba chóir iad a bheith ainmnithe ar bhealach nuair a is féidir leat, like-- yeah, mar shampla.
Foirfe.
>> Mar sin, dath an chúlra.
Agus ansin táimid ag dul a say-- mar sin an Is bealach dath a athrú ach "dath."
Agus táimid ag dul a dhéanamh gorm é.
Sin cool.
Mar sin, anois táimid tar éis an Tá an chéad dá speisialta.
Ceann eile ag dul ar Tá "aicme = leor."
ALLISON BUCHHOLTZ-AU: Agus ansin beidh tú ag iarraidh a chur "go leor" chun an ceann lár.
TOMAS REIMERS: Yup.
Agus ansin go dtí an lár amháin, a chur "go leor," cad a tharlaíonn
Is tá tú díreach spás.
Mar sin, an tréith ranga Tá liosta spás-scartha
de na ranganna a bhaineann leis sin chlib.
OK?
Níl sé cosúil le mbaineann an ceann seo a de shaghas éigin rang speisialta ar a dtugtar
"Speisialta, spás, go leor."
Baineann sí leis an dá classes-- speisialta agus go leor.
Yes?
Cool.
>> Agus ansin má táimid ar an méid a tharlaíonn, tá muid
ag dul a fheiceáil go bhfuil an chéad cheann cúlra buí, téacs dubh.
An dara one--
>> ALLISON BUCHHOLTZ-AU: --has trom cúlra buí le téacs gorm.
Agus tá ár n-ceann deireanach ach an téacs gorm go bhfuil muid a shanntar dó.
>> TOMAS REIMERS: Cool?
Conas a roghnóirí ag obair?
Uamhnach.
>> ALLISON BUCHHOLTZ-AU: An bhfuil ba mhaith linn a labhairt faoi an choimhlint anois ansin?
>> TOMAS REIMERS: Mar sin, yeah.
Cinnte.
Mar sin, cad a tharlaíonn má tá tú Tá coimhlint, ceart?
A ligean ar ligean ar an chéad cheann Leagann suas rud éigin like--
ALLISON BUCHHOLTZ-AU: B'fhéidir athruithe an ceann seo an cúlra?
TOMAS REIMERS: Yeah.
Mar sin, táimid ag dul a dhéanamh "go leor" athrú ar an cúlra bradán.
ALLISON BUCHHOLTZ-AU: Tá tú díreach le go léir na dathanna mór lá atá inniu ann, Tomás.
TOMAS REIMERS: Yeah.
Mar fuair mé amach is féidir liom bradán a úsáid mar dath fíor.
Mar sin, táimid ag dul ach a dhéanamh.
I mo thuairimse, chomh maith go bhfuil Sunset dath fíor.
LUCHT ÉISTEACHTA: Sunset tá dath fíor?
ALLISON BUCHHOLTZ-AU: A ligean ar iarracht é.
TOMAS REIMERS: Tar éis an taispeántas ach mar gheall ar i gcás messes sé suas,
Níl mé ag iarraidh a bheith debugging.
Mar sin, tá a fhios againn bradán tá dath fíor.
Mar sin, aon guesses ar cad atá ar siúl le tarlú?
>> ALLISON BUCHHOLTZ-AU: Aon smaoineamh?
>> LUCHT ÉISTEACHTA: [inaudible].
>> TOMAS REIMERS: Yeah.
Mar sin, fuair tú ceart go díreach.
Go bunúsach, a thógann sé ar an riail seo caite a tugadh é.
>> ALLISON BUCHHOLTZ-AU: Mar sin, is é seo nuair a thagann cascáidiú i bhfeidhm.
>> TOMAS REIMERS: Mar sin, cuimhneamh conas Bhí go cascáideacha stílbhileoga?
Mar sin, ag sin, ní mór dúinn de chineál ar chiallaíonn go bhfuil muid a bunch rialacha
a bhfuil feidhm ar bharr a chéile, agus Is féidir leo a shárú freisin gach ceann eile.
>> ALLISON BUCHHOLTZ-AU: Mar sin, is cuma cad ag bun
Beidh shárú cuma cad tá ag an mbarr.
D'fhéadfá a bheith rialacha go hiomlán rud éigin a negate roimh ré.
Sin freisin cén fáth gur mian leat a bheith cúramach nuair a bhíonn tú styling,
mar sin nach bhfuil tú na rialacha a chruthú go tú díreach ag sáraitheach go hiomlán.
>> TOMAS REIMERS: Nó b'fhéidir leat bhfuil ag iarraidh a rialacha fhorscríobh.
>> ALLISON BUCHHOLTZ-AU: Nó b'fhéidir a dhéanann tú.
Yes.
>> TOMAS REIMERS: Lig ort go bhfuil tú aicme a bhaineann le rudaí is mó,
ach a ligean le rá gur mian leat a athrú ar an dath cúlra dearg agus an cló
meáchan a trom don chuid is mó rudaí, ach ar cheann amháin,
ba mhaith leat ach an dath cúlra a bheith dearg ach ba mhaith leat go léir an ceann eile
airíonna, d'fhéadfaí tú rud éigin a dhéanamh cosúil le "font-mheáchan = gnáth,"
a bheadh ​​Cealaigh ansin go bhfuil athrú gcló trom.
Yeah?
Arís, an bealach is fearr, I mo thuairimse, Allison dúirt sé, tá cleachtas díreach.
>> ALLISON BUCHHOLTZ-AU: Tástáil.
>> TOMAS REIMERS: Cleachtais, cleachtadh, gcleachtas, agus turgnamh.
Tá a fhios agam a lán de na daoine a cheapann Is CSS ach a lán de na buille faoi thuairim-agus-seiceáil
ag deireadh an lae, i gcás ina má ba mhaith leat a dhéanamh something-- leithéidí,
tá tú ag smaoineamh garbh, ach tú fós gá is dócha
chun triail a bhaint amach chun a chinntiú Tá a fhios agat cad tá sé cosúil.
>> LUCHT ÉISTEACHTA: Nuair a bhíonn tú ag déanamh iarratais ranganna, níos mó ná ceann amháin
leis an mír chéanna nó alt a dhéanann, sé
is cuma cén t-ordú is féidir leat iad a chlóscríobh isteach sa Sleachta?
>> TOMAS REIMERS: No, ní ar chor ar bith.
>> ALLISON BUCHHOLTZ-AU: Cad é ábhair an t-ordú laistigh de do stílbhileog CSS.
LUCHT ÉISTEACHTA: Níorbh fhéidir leat a dhéanamh arís ar an gceist?
TOMAS REIMERS: Ó.
ALLISON BUCHHOLTZ-AU: Laistigh aicme, ranganna nuair a bhíonn tú ag tabhairt
chun rud éigin sa HTML a dhéanann, sé ábhar a bhfuil ordú atá siad i?
Ní chuireann sé ábhar an t-ordú.
Cad é ábhair an t-ordú ar an roghnóirí ranga i do CSS,
laistigh de do stílbhileog.
>> TOMAS REIMERS: maith Fuaim?
>> ALLISON BUCHHOLTZ-AU: Lovely.
>> TOMAS REIMERS: Agus ansin táimid ag dul chun leanúint ar aghaidh to--
ALLISON BUCHHOLTZ-AU: Cad a bhfuil muid chugainn?
Dearmad mé.
Ó, ní mór dúinn ach samplaí.
Ach tá muid de chineál ar a rinneadh sin.
Táimid tar éis a rinneadh samplaí ar an eitilt.
>> TOMAS REIMERS: fháil againn le chéile na roghnóirí go luath.
>> ALLISON BUCHHOLTZ-AU: Ó, a fháil againn chun roghnóirí chéile.
TOMAS REIMERS: Mar sin, cuid Tá samplaí againn
# Punt dog--, nó hashtag, nó octothorpe, nó cibé
ba mhaith leat a ghlaoch that-- géar.
>> ALLISON BUCHHOLTZ-AU: madra Sharp.
>> TOMAS REIMERS: Ansin tá tú .pets.
Tá Rud ar id madra, níl ach aon mhadra ar an leathanach.
Tá Rud ar id de cat, níl ach cat amháin.
D'fhéadfadh a bheith ann go leor peataí ar an leathanach.
Sin an fáth a thug muid go ranganna.
Tá tú sampla de p.
Agus ansin mar sin ar cheann de na sampla seo caite, a
Tá rud éigin ní mór dúinn a labhair faoi, cad a tharlaíonn nuair a chéile tú iad.
Mar sin, p.pets.
>> Mar sin, do sin, a ligean ar dul ar ais go dtí an cód agus a thabhairt isteach another-- yeah.
Mar sin, ar ais anseo.
>> ALLISON BUCHHOLTZ-AU: I gur mhaith leat é seo really--
cosúil díreach ag lorg trí shamplaí i ndáiríre ar an mbealach a fhoghlaim seo.
Mar sin, go bhfuil an méid atá ar siúl againn.
>> TOMAS REIMERS: Mar sin, a ligean ar ligean orthu againn ach ba mhaith téacs 2, ceart chun roghnú?
Mar sin, táimid ag Ní féidir cinnte é sin a dhéanamh le id.
Bhuel, d'fhéadfadh muid a dhéanamh le id, ach ní chuireann sé go mbeadh id.
D'fhéadfadh liom a chur amháin, ach a ligean ar ligean orthu nach raibh mé ag iarraidh a chur amháin
nó go bhfuil sé cheana rud éigin eile.
Ní féidir liom é sin a leis sin.
Is é an chlib cinnte ar leith, ceart?
Agus is é ní fhéadfaidh an rang.
Ach is féidir leat a chur le chéile na rudaí seo.
Ligean le rá bhíomar ag iarraidh rud éigin a dhéanamh a bhfuil feidhm ach le rudaí a
Tá an speisialta ranga agus a bhfuil an rang go leor.
>> Mar sin, cad is féidir leat a dhéanamh i main.css, Is féidir leat a rá, a ligean ar a scriosadh ar dtús sin.
Is féidir leat le chéile na.
Mar sin, is féidir leat a dhéanamh .special.
Aon spás.
Díreach .special.pretty.
Cad a chiallaíonn go bhfuil rud éigin a bhfuil an dá speisialta agus go leor.
An bhfuil ciall?
Agus má théann muid anseo, cad tú ag dul a fheiceáil
Tá feidhm ag an riail seo ach amháin do na an dara ceann, a bhfuil an dá cheann de na.
Agus is féidir leat a dhéanamh go bhfuil do a lán rudaí.
Is féidir leat a say-- ligean ligean Bhí mé ach
go rudaí a bhfuil an rang go leor a dhéanamh agus atá freisin tag mhír.
Mar sin, p.pretty.
A ligean ar ligean orthu go raibh mé rud deas ar an gcomhlacht chlib.
OK?
Is féidir liom a reáchtáil seo agus mé Is féidir a fheiceáil go bhfuil sé ach
ag dul chun iarratas a dhéanamh rudaí atá míreanna leis an rang go leor.
Agus is féidir leat a chur le chéile na, go bunúsach, oiread agus is mian leat.
Mar sin, is féidir leat iad a chur le chéile go díreach.
An bhfuil ciall?
ALLISON BUCHHOLTZ-AU: Mar sin, tá sé seo de chineál ar níos úsáidí
nuair, bhí Tomas rá níos luaithe, b'fhéidir tá tú ar an suíomh gréasáin an-chasta,
agus tá tú cheana féin a lán de na rialacha scríofa,
agus is gá duit ach a le chéile dhá cheann ó roimh.
Cosúil in ionad na scríbhneoireachta ina n-iomláine Roghnóir nua agus ag athrú ann,
Is féidir leat a chur le chéile go díreach iad nuair a forluí sé.
>> TOMAS REIMERS: Nó tú D'fhéadfadh a fháil out-- uaireanta
níl rang amháin a Déanann dath cló ar nós gorm,
agus níl rang eile a Déanann an gorm cúlra.
Agus ní bheidh an obair sin go díreach.
Mar sin, tú a scríobh cás speisialta, más rud é, like-- ach má tá sé an dá, cad tá tú
ag dul a dhéanamh ná go bhfuil tú ag dul go dtí a dhéanamh ar an scáth gorm an ceann seo
agus an ceann seo an scáth eile de gorm.
Ceart?
>> ALLISON BUCHHOLTZ-AU: Dea do na cineálacha eisceachtaí.
TOMAS REIMERS: Mar sin, go smaoineamh ar fhadhbanna
a d'fhéadfadh teacht chun cinn nuair a chéile tú iad.
Cool.
Mar sin, ar ais go dtí ár láthair.
ALLISON BUCHHOLTZ-AU: Tá muid beagnach ann.
TOMAS REIMERS: Agus é Tá stop nascadh.
ALLISON BUCHHOLTZ-AU: Ó, uimh.
ALLISON BUCHHOLTZ-AU: CS ag an oifig, téann an idirlíon síos.
Ó, an íoróin.
>> TOMAS REIMERS: Mar sin, fortunately, is féidir linn a chur i láthair gan an t-idirlíon, buille faoi thuairim mé,
toisc go bhfuil muid go léir na sleamhnáin anseo.
Mar sin, a ligean ar labhairt faoi na gaol clibeanna.
ALLISON BUCHHOLTZ-AU: Ceart.
Mar sin, ach de chineál ar dul uaire an méid a dúirt Tomas,
tá sé seo ach ar bhealach eile a dhéanamh.
Mar sin, ní mór dúinn roinnt tuismitheoir roghnóir le roghnóir leanbh.
Mar sin, sa sampla seo anseo, ní mór dúinn roinnt comhlacht le navbar rang, cnaipe ranga.
Ah.
>> TOMAS REIMERS: Ó, tá brón orainn.
>> ALLISON BUCHHOLTZ-AU: Agus go bunúsach, cad a chiallaíonn sé seo
Tá roghnú go léir de na leanaí, cosúil le gach ceann de na cineál na roghnóirí,
laistigh den roghnóir tuismitheoir.
Agus iad siúd na cinn amháin sé ag dul riamh a chur i bhfeidhm le.
Níl a fhios agam má tá tú Tá ar bhealach níos fearr of--
TOMAS REIMERS: Mar sin, mé buille faoi thuairim ar an mbealach a cheapann
faoi ​​seo é cuimhnigh sula conas againn saghas is maith iad a chur le chéile.
Agus ansin Ciallaíonn sé sin gné amháin a thagann le gach ceann de na.
Cad é seo ag rá go bhfuil, mé ba mhaith leat gach rud a mheaitseáil
laistigh some-- Ba mhaith liom leat teacht ar roghnóir.
Agus ansin laistigh, ba mhaith liom tú a mheaitseáil rudaí nua.
Ceart?
Mar sin, i CSS, tá sé ar fad faoi saghas a bheith in ann a mheaitseáil leis na míreanna seo.
Agus is féidir leat triail a mheaitseáil míreanna laistigh míreanna eile.
>> Mar sin, a ligean ar a dhéanamh i ndáiríre, mar shampla, agus is dóigh linn go mbainfidh a shoiléiriú.
Mar sin, a ligean ar ligean orthu againn speisialta, speisialta go leor, is cuma cad.
Agus ansin ní mór dúinn nasc, ceart go leor?
Mar sin, cuimhnigh, tá súil le nasc.
Níl sé ag dul chun dul in áit ar bith.
Agus táimid ag dul a thabhairt dó an nasc rang, buille faoi thuairim mé.
A ligean ar thabhairt dó an class-- a thabhairt dom smaoineamh.
ALLISON BUCHHOLTZ-AU: Cool.
TOMAS REIMERS: Coo-- ligean dul é an rang go leor.
Cén fáth nach?
>> ALLISON BUCHHOLTZ-AU: OK.
TOMAS REIMERS: Mar sin, rudaí ceart go leor anois
ag dul a dhéanamh ar an cúlra gorm, dath cúlra bradán.
Sin a dhéanann ciall.
Agus má dhéanaimid this--
>> ALLISON BUCHHOLTZ-AU: Ar mhaith leat an téacs a chur
mar sin léiríonn an hyperlink iarbhír suas?
TOMAS REIMERS: Go bheadh ​​glaoch maith.
ALLISON BUCHHOLTZ-AU: 'ceart Cause anois tá muid ag dul a díreach aon rud a fháil.
TOMAS REIMERS: Mar sin, tá sé seo nasc.
"Is é seo an nasc."
Ó, agus tá sé seo ag dul a bheith an nasc eile.
A ligean ar thabhairt dó an rang "cool."
Tá an ceart agat.
Cool.
Mar sin, ceart anois táimid ag dul a grab seo.
Táimid ag dul le caith amháin.
Tá muid ar cheann sa tag speisialta, agus againn chomh maith
ag dul a bheith ar cheann ar an chlib leor.
Agus anois cad tá muid ag dul go dtí dhéanamh táimid ag dul a dhéanamh cool--
cad ba mhaith linn é a dhéanamh?
ALLISON BUCHHOLTZ-AU: An féidir linn é a dhéanamh níos mó?
TOMAS REIMERS: Déanaimis a thabhairt dó teorainn.
ALLISON BUCHHOLTZ-AU: D'fhéadfadh muid a teorann.
TOMAS REIMERS: Yeah.
Mar sin, táimid ag dul rud éigin a dhéanamh cosúil le, is-- teorann agus táimid
ag dul go dtí seo a mhíniú go léir i an dara.
Do now--
>> ALLISON BUCHHOLTZ-AU: Chun an tsamhail bhosca.
TOMAS REIMERS: Ach do anois, tá muid ach ag dul a thabhairt dó teorainn.
Mar sin, cad a chiallaíonn go bhfuil go bhfuil tú ag dul a fheiceáil ar na naisc.
Agus tá tú ag dul a fheiceáil go bhfuil siad seo, cosúil le, teorainneacha dubh ghránna, a
Tá fionnuar.
>> ALLISON BUCHHOLTZ-AU: Tá ár láithreán gréasáin ionas go leor.
>> TOMAS REIMERS: Yeah.
Is é ár suíomh gréasáin uamhnach.
Mar sin, tá an dá naisc, agus a láithreoidh siad.
Anois, a ligean ar ligean mé ach ag iarraidh é seo a dhéanamh
más rud é nach raibh sé laistigh éigin a raibh cúlra bradán.
Mar sin, cuimhnigh go bhfuil an ceann seo Tá cúlra bradán,
mar tá sé ar rang go leor.
>> Ach ba mhaith linn a rá go cools amháin atá i rang speisialta, ní i rang
go leor, ba chóir go mbeadh go teorainn.
Bhuel, cad is féidir leat a dhéanamh go bhfuil tú Is féidir a rá, .special, spás, .cool.
Agus cad go bhfuil a dhéanamh, nuair a cheapann tú faoi ​​go bhfuil, tá sé ag rá go bunúsach,
OK, teacht liom gach rud a oireann speisialta.
Ansin laistigh de na clibeanna, a aimsiú dom gach rud go bhfuil cool.
ALLISON BUCHHOLTZ-AU: Mar sin, ar bhealach eile d'fhéadfadh a bheith go maith chun smaoineamh faoi seo,
a thabhairt ar ais go dtí C, díreach cosúil leis an smaoineamh raon feidhme.
Mar sin, nuair a tá tú roinnt roghnóir, cosúil leis na cinn
go atá muid ag obair le haghaidh roimhe seo, do leathanach gréasáin ar fad, ar fad do HTML
Is laistigh de do raon feidhme, ceart?
Ach nuair atá againn ar na caidrimh idir tuismitheoirí agus leanaí,
tá sé mar má tá tú ag caolú síos nuair bhfuil tú ag iarraidh a áit faoi leith,
amhail is dá, cosúil le, tá muid ag lorg taobh istigh feidhm ar leith ina ionad
ar ár comhaid ar fad.
LUCHT ÉISTEACHTA: Mar sin, leis sin san áireamh, bheadh sé mattered má bhí changed-- againn
ALLISON BUCHHOLTZ-AU: an t-ordú?
LUCHT ÉISTEACHTA: --the rang i CSS a .cool, spás, .special?
ALLISON BUCHHOLTZ-AU: Is féidir, mar gheall ar ansin go
Bheadh ​​a rá, raon feidhme é a gach rud go bhfuil fionnuar,
agus ansin breathnú ar an méid has-- Ciallaíonn mé, cosúil le, sa chás seo,
Ní dóigh liom go mbeadh sé tar éis athrú air.
>> TOMAS REIMERS: Má bhí a dúirt muid cad é?
Tá brón orm.
>> ALLISON BUCHHOLTZ-AU: Má táimid raon feidhme dó fuarú agus ansin
chuardach le haghaidh rudaí as speisialta, bheadh ​​sé mar an gcéanna, i ndáiríre.
>> TOMAS REIMERS: Mar sin, ní bheadh ​​sé a bheith.
>> ALLISON BUCHHOLTZ-AU: Ní bheadh ​​sé?
Ó, OH maith.
Tá mé mícheart.
>> TOMAS REIMERS: Mar sin, ar an gcúis tá sé different-- mistake-- coitianta
Tá an ceart sin anois ach Tá an nasc fionnuar, ceart?
Buille faoi thuairim mé mo cheist a bhfuil tú guys, cad ar an leathanach seo a mheaitseáil le .cool?
Tá dhá clibeanna anseo, ceart?
Cé acu is an ceann seo agus an ceann seo.
An dá mheaitseáil fionnuar.
Ní dhéanfaidh aon ní eile a dhéanann.
Mar sin, más rud a dúirt tú, .cool, spás, .special, cad a bhfuil tú ag dul a rá go bhfuil,
laistigh de na clibeanna, cad é speisialta?
ALLISON BUCHHOLTZ-AU: Hm.
Sin an méid it-- ceart.
Toisc go bhfuil sé cosúil le rud éigin anseo.
>> TOMAS REIMERS: Mar sin, roghnaíonn sé rud ar bith.
>> ALLISON BUCHHOLTZ-AU: De bharr an méid le speisialta, tá muid taobh istigh de na clibeanna anseo.
>> TOMAS REIMERS: Glacfar agus iad siúd.
LUCHT ÉISTEACHTA: OK.
Mar sin, iad siúd clibeanna ón aghaidh Slais?
>> TOMAS REIMERS: Tá.
An bhfuil ciall?
Cén chaoi a bhfuil sé go bunúsach ag iarraidh scóip le caol.
ALLISON BUCHHOLTZ-AU: Yeah.
Sílim go bhfuil dócha go bhfuil an bealach is éasca chun smaoineamh air.
>> TOMAS REIMERS: Mar sin, fuair muid seo, agus fuair muid seo mhacasamhail dá speisialta.
Agus ansin tá muid ag iarraidh, laistigh de na guys, cad cool?
Agus laistigh gceann seo, an ceann seo ar cool.
Laistigh an gceann seo, aon rud cool.
Mar sin, is é seo an chlib amháin go bhfanann.
>> ALLISON BUCHHOLTZ-AU: De bharr an méid fionnuar ach laistigh de na clibeanna de ann.
TOMAS REIMERS: Go díreach.
Agus cad speisialta laistigh de na?
Ní dhéanfaidh aon ní.
Anois, cad a bheidh mé a rá go bhfuil mura raibh aon spás,
bhfuil tú ag iarraidh ar cad fionnuar agus special-- nó cad deas agus speisialta, ceart?
Má deir tú .special.pretty, go mar .pretty.special an gcéanna.
>> Toisc cad é a bhaint de na spás ag iarraidh é, nuair a deir tú .special,
bhfuil tú ag iarraidh, OK, a cinn atá speisialta?
Agus ansin de na, a Tá na cinn go leor freisin,
a bhfuil an gcéanna, gramadaí, mar a iarraidh, cad go leor,
agus ansin na ndaoine, cad chomh speisialta?
Ceart?
Tá sé an difríocht de cad istigh cad é.
LUCHT ÉISTEACHTA: OK.
TOMAS REIMERS: Yeah.
Uamhnach.
Mar sin, leis sin san áireamh then--
>> ALLISON BUCHHOLTZ-AU: I mo thuairimse, ár caite Is é rud (I Fancy BRITISH Accent)
an tsamhail bhosca.
>> TOMAS REIMERS: An box-- [chuckles] Is breá liom an tslí Allison deir go.
Mar sin, an rud tsamhail bhosca.
>> ALLISON BUCHHOLTZ-AU: Just a bheith bosca, beidh mé a bheith do mhúnla bhosca.
TOMAS REIMERS: Mar sin, a ligean ar labhairt faoi sin.
Mar sin, ceart anois tá muid chaith a lán ama ag caint faoi roghnóirí.
Faoin am seo, tá tú guys is dócha, cosúil le, máistreachta selectors-- a fhios agat,
conas a roghnú go díreach an t-ábhar a ba mhaith leat a ionramháil ar do scáileán.
>> Mar sin, anois tá an cheist, conas díreach is féidir leat a ionramháil é?
Mar sin, buille faoi thuairim mé an is bunúsaí bhealach chun smaoineamh faoi sin
is é, go maith, cad é go díreach Is gné i CSS?
Táimid tar éis a chaith a lán ama ag caint faoi, cad is chlib,
nó cad é an ceann is bunúsaí ionadaíocht tag?
>> Is bealach maith chun smaoineamh ar is é sin, cén cruth atá bradán?
Cén cruth atá, ar nós, an bradán-daite cúlra?
>> LUCHT ÉISTEACHTA: Tá sé ina dronuilleog.
>> TOMAS REIMERS: Tá sé ina dronuilleog, ceart?
>> ALLISON BUCHHOLTZ-AU: Ní raibh ceist trick.
[Gáire]
>> TOMAS REIMERS: Nach iarraidh a trick tú guys seo go déanach.
Mar sin, ní mór dúinn an dronuilleog.
Agus is é an chlib a p, ceart?
Mar sin, a thugann dúinn go maith creideamh go bhfuil an mhír
Tá ionadaíocht mar dronuilleog, ag ar a laghad in aigne an bhrabhsálaí, a
go bhfuil sé.
>> ALLISON BUCHHOLTZ-AU: Ciallaíonn mé, Tá brabhsálaithe ghnáth dronuilleogach,
agus mar sin a dhéanann sé ciall.
>> TOMAS REIMERS: Is é an smaoineamh anseo go gach ceann de na clibeanna laistigh CSS
Tá ionadaíocht mar dronuilleog.
Agus tá gach dronuilleog ceithre páirteanna de réir CSS, ceart go leor?
Tá tú an t-ábhar iarbhír.
Sin an áit a luíonn an téacs.
>> ALLISON BUCHHOLTZ-AU: B'fhéidir do phictiúr.
>> TOMAS REIMERS: Yeah.
Tá tú stuáil, a bhfuil ach de chineál éigin de spás bán.
Ansin tá tú teorainn.
Agus ansin caithfidh tú corrlach, a Tá spás bán taobh amuigh de sin.
Mar sin, a dhéanann aon chiall do dhuine ar bith, mar sin tá muid
dul chun labhairt faoi sin le haghaidh an dara.
Mar sin anseo, cad tá muid ag dul a dhéanamh Tá táimid ag dul a chruthú roinnt divs, ceart go leor?
Gabh mo leithscéal cé I--
>> ALLISON BUCHHOLTZ-AU: is dóigh liom Ba chóir dúinn a chur le pictiúr gleoite i.
>> TOMAS REIMERS: Táimid cinnte chóir.
>> ALLISON BUCHHOLTZ-AU: Is dóigh liom cosúil le gach duine
D'fhéadfadh tairbhe a bhaint as pictiúr gleoite, tá gach uile.
>> TOMAS REIMERS: An féidir linn gach tairbhe a bhaint as a--
>> LUCHT ÉISTEACHTA: Yeah, cinnte.
TOMAS REIMERS: OK, cool.
Mar sin, ba chóir dúinn a chur ar gleoite pictiúr i áit éigin.
ALLISON BUCHHOLTZ-AU: is dóigh liom mar a bheadh D'fhéadfadh Bunny gleoite a bheith úsáideach ceart anois.
TOMAS REIMERS: Cinnte.
ALLISON BUCHHOLTZ-AU: Deireadh seachtaine.
An bhfuil rud éigin adorab--
>> TOMAS REIMERS: Conas a bout kitten?
>> ALLISON BUCHHOLTZ-AU: Oibríonn kitten, freisin.
>> TOMAS REIMERS: Cool, mar gheall ar níl an suíomh sin.
Sé ar a dtugtar PlaceKitten.
ALLISON BUCHHOLTZ-AU: Sin go hiontach.
TOMAS REIMERS: Tá.
ALLISON BUCHHOLTZ-AU: Díreach do, cosúil le, íomhánna placeholder i do láithreán gréasáin.
TOMAS REIMERS: Mm-hm.
Tá PlacePuppy freisin.
Agus níl PlaceBacon.
>> ALLISON BUCHHOLTZ-AU: PlaceBacon?
Really?
>> TOMAS REIMERS: Ó, ní dhéanaimid Tá rochtain ar an idirlíon anseo.
>> ALLISON BUCHHOLTZ-AU: [groans]
Tragóideach.
TOMAS REIMERS: Seachas sin, Ba mhaith liom a thaispeáint duit guys
conas íomhánna a chur i do láithreán gréasáin.
Táimid ag dul chun iarracht a fháil ar an oibre roimh ní mór dúinn dul.
Ach do anois, tá muid ach ag dul chun labhairt i dathanna sin.
Is mian linn a pictiúir de kittens-- chur
>> ALLISON BUCHHOLTZ-AU: Rinne muid.
>> TOMAS REIMERS: --the idirlín ar síos le haghaidh na huaire a bheith.
Mar sin, tá muid beirt divs, agus táimid ag dul a thabhairt dóibh dhá ids.
Táimid ag dul a ghlaoch air "An chéad" agus "an dara."
Mar sin, id = "ar dtús."
Agus táimid ag dul a thabhairt dóibh dhá dhath.
Mar sin, conas is féidir linn a roghnú rud éigin le id de "an chéad"?
ALLISON BUCHHOLTZ-AU: Dot nó hash?
LUCHT ÉISTEACHTA: Sharp.
TOMAS REIMERS: Sharp, foirfe.
Sharp, hash, is cuma cad we--
>> ALLISON BUCHHOLTZ-AU: Go leor de na rudaí a ghlaoch air.
>> TOMAS REIMERS: OK.
Táimid ag dul a réiteach ar hashtag, agus go bhfuil an méid táimid ag dul chun dul leis.
OK?
>> ALLISON BUCHHOLTZ-AU: hashtag.
>> TOMAS REIMERS: Mar sin, hashtag chéad.
>> ALLISON BUCHHOLTZ-AU: Mar sin, is féidir leat a tweet an seminar--
CSS hashtag, hashtag cool.
TOMAS REIMERS: hashtag awesomeness.
ALLISON BUCHHOLTZ-AU: Hashtag awesomeness, yes.
TOMAS REIMERS: OK.
Mar sin, ní mór dúinn "an chéad" agus "an dara."
Mar sin an chéad, táimid ag dul a bheith acu dath cúlra dearg.
ALLISON BUCHHOLTZ-AU: Uh, colon.
TOMAS REIMERS: Yup.
ALLISON BUCHHOLTZ-AU: Beidh mé a bheith do láthair-checker.
TOMAS REIMERS: Allison fuair mé.
Cúlra-dath blue--
>> TOMAS REIMERS: Purple!
>> TOMAS REIMERS: Purple.
ALLISON BUCHHOLTZ-AU: Tá.
Corcra s mo dath is fearr leat, agus ní mór dúinn a úsáid go fóill.
>> TOMAS REIMERS: Violet.
ALLISON BUCHHOLTZ-AU: Violet.
Go n-oibríonn.
>> TOMAS REIMERS: Mar sin, tá muid dul go bhfuil dhá divs.
Tá siad ag dul a bheith go hiomlán folamh.
Ba cheart dúinn a bheith roinnt téacs is dócha.
Mar sin, "an chéad" ag dul a bheith "HELLO."
Agus an "dara" Beidh say--
>> ALLISON BUCHHOLTZ-AU: Slán.
>> LUCHT ÉISTEACHTA: - "DOMHAN."
Dia duit, beannacht.
ALLISON BUCHHOLTZ-AU: chonaic mé iad i gceolchoirm na seachtaine eile.
TOMAS REIMERS: The Beatles?
ALLISON BUCHHOLTZ-AU: Do reals.
Ní bhíonn siad go mór.
Ní maith liom é.
>> TOMAS REIMERS: Tá "HELLO" agus "beannacht."
Agus arís, is é CSS ach uamhnach, toisc aithníonn sé ár dathanna.
Ná gá a fiú imní a bheith ann dóibh.
A dhéanann siad.
>> ALLISON BUCHHOLTZ-AU: ann iad.
>> TOMAS REIMERS: Mar sin, CSS mo thuairimse, tá 255 focal a labhairt faoi an dath.
Mura féidir leat smaoineamh ar dath taobh amuigh sin 255, ar nós, beidh mé a bheith tógtha.
ALLISON BUCHHOLTZ-AU: Yeah.
I mo thuairimse, is féidir leat guys a bheith teacht díreach i gceart tar éis.
>> TOMAS REIMERS: Mar sin anseo, Feicfidh tú a fheiceáil go bhfuil muid dhá bhosca
ar dheis ar bharr a chéile, ceart?
DIA DUIT agus Slán.
>> ALLISON BUCHHOLTZ-AU: Níl aon spás idir eatarthu.
Tá siad ag smooshed díreach ar dheis ar bharr a chéile.
>> TOMAS REIMERS: Mar sin, an chéad rud Buille faoi thuairim mé ba chóir dúinn labhairt faoi
Is ligean ar say-- freisin yeah.
Mar sin, is ionann CSS orthu mar saghas boscaí.
Agus mar boscaí, tá siad ábhar.
Agus is é an t-ábhar ceart anois saghas an DIA DUIT nó an Slán agus go bhfuil sé.
OK?
>> Mar sin, ar cheann de na rudaí chéad tú is féidir a dhéanamh go bhfuil féidir leat a chur stuáil.
Stuála deir spás cé mhéad ba chóir é a fhágáil ar gach taobh.
Mar sin, a ligean le rá Ba mhaith liom a rá 10 pixel ar gach taobh.
Agus beidh mé ag dissect go sa dara.
ALLISON BUCHHOLTZ-AU: Gach ceann de na rudaí seo anseo
ag dul a bheith den chuid is mó i pixel don chuid eile den seimineár.
Tá tú ag dul a fheiceáil go bhfuil sé roinnt spáis timpeall air, ceart?
Mar sin, cad é nach bhfuil tú a fheiceáil anseo níl an saghas dofheicthe de stuáil
ar gach taobh, a deir, cosúil le, OK, tá tú do bhosca de content--
>> ALLISON BUCHHOLTZ-AU: Ar mhaith leat a tharraingt suas díreach ar an eilimint a iniúchadh?
>> TOMAS REIMERS: Yeah, go bhfuil smaoineamh maith.
ALLISON BUCHHOLTZ-AU: Chomh maith leis sin, a aimsiú mé go bhfuil an eilimint iniúchadh ar bhealach maith
chun an figiúr amach má tá rud éigin ag dul mícheart, rud nach raibh coinne a tharlaíonn,
iniúchadh na clibeanna agus féachaint ar cad tá sé cosúil go bhfuil overwritten cabhrach.
>> TOMAS REIMERS: Mar sin, níl mé cinnte más féidir leat guys a fheiceáil dath.
An féidir leat?
Feicfidh tú a fheiceáil seo a stuáil ar an saghas imeall.
Agus ansin a fheiceann tú ar an iarbhír ábhar i gorm, ceart?
Mar sin tá go bhfuil an an- Basics de mhúnla bhosca.
Tá tú ábhar.
Ansin tá tú stuáil.
>> LUCHT ÉISTEACHTA: Cén fáth nach bhfuil tú ach úsáid a bhaint as an bosca taobh istigh the--
>> ALLISON BUCHHOLTZ-AU: Ceart.
Toisc sé ach a roghnú an eilimint ceart anois.
>> TOMAS REIMERS: Yup.
Rudaí eile.
Mar sin, a ligean ar labhairt faoi sin gceannas stuáil le haghaidh an dara.
Mar sin, i CSS, tomhais gá go mbeadh aonad.
Mar sin, ar dtús tá tú ar an méid.
Mar sin, sa chás seo, tá muid a dúirt 10.
Agus ansin an ceann eile Tá muid sin pixel, px.
Tá cinn eile a bheadh ​​agat rudaí cosúil le ceintiméadar, orlach.
Is féidir leat a dhéanamh rudaí cosúil le, cad é 10 orlach?
Agus tá sé ag dul a bheith ridiculous.
>> ALLISON BUCHHOLTZ-AU: Ó, buachaill.
>> LUCHT ÉISTEACHTA: Whoa.
>> TOMAS AGUS ALLISON: Yeah.
TOMAS REIMERS: Mar sin, go bhfuil gach stuáil.
Tá mé ag dul chun dul ar ais go dtí pixel.
>> ALLISON BUCHHOLTZ-AU: Picteilín claonadh a bhíonn le bheith, ar nós, an caighdeán.
Nuair a fhéachann tú ar a lán de na láithreáin ghréasáin, siad ag obair den chuid is mó i pixel.
TOMAS REIMERS: Mar sin, tá tú ag dul a fheiceáil ceachtar pixels-- na cinn eile a fheiceann tú
Tá em, a bhfuil is em amháin comhionann leis an airde an cló
a bhfuil tú ag baint úsáide as láthair.
>> ALLISON BUCHHOLTZ-AU: Mm.
TOMAS REIMERS: Tá sé ar bhealach maith a rá, mhaith, ba mhaith liom spás a oiread agus is le mo cló
Tá cur.
ALLISON BUCHHOLTZ-AU: Ní raibh a fhios sin.
Foghlaimíonn tú rud éigin nua gach lá.
TOMAS REIMERS: Tá a lán de na tomhais i CS.
Fios agam tú iad breathnú suas.
I gcás gach do na cásanna, I mo thuairimse, Ba chóir go mbeadh pixel gur leor.
Agus tá siad freisin cad tú ag dul a fheiceáil
i bhformhór na samplaí a rinneadh ar líne.
Mar sin, beidh orainn é a fhágáil ag pixel.
>> Is féidir leat freisin, ba chóir dom a say-- sin Leagann stuáil gach ceann de na paddings.
Is féidir leat a dhéanamh freisin rud éigin cosúil le "Stuáil-barr" go dtí díreach set--
ALLISON BUCHHOLTZ-AU: B'fhéidir beidh orainn a fháil ar ár "HELLO" ar ais.
TOMAS REIMERS: --to díreach a leagtar ar an stuáil ar an mbarr agus rud ar bith eile.
Mar sin, tá na ceithre orduithe stuála-top, stuáil-bun, stuáil-chlé,
agus stuála-dheis.
>> ALLISON BUCHHOLTZ-AU: Díreach mar a mbeifeá ag súil as bosca.
>> TOMAS REIMERS: Yeah.
Ní dhéanfaidh aon ní ró-dÚsachtach ann.
An bhfuil ciall?
Mar sin, is é sin stuáil.
Tá mé ag dul a chur ar bun go léir na paddings ar ais go dtí 10.
Agus ansin tá mé ag dul chun bogadh ar aghaidh go dtí teorainn.
>> Mar sin, cad é teorann atá Tá teorainn ordú aisteach.
Bíonn sé saghas trí rudaí ag an am céanna.
Mar sin, is é an chéad cé chomh mór duit ag iarraidh é a bheith mar thomhas.
Arís, tá mé ag baint úsáide as ach pixel.
Agus an rud deireanach mé Ba chóir a chur le tomhais
Is é an rud amháin a Ní gá aonad 0.
Tá sé i ndáiríre mícheart a thabhairt 0 aonad,
toisc go bhfuil 0 fud orlach 0, picteilíni, ceintiméadar, is cuma cad.
Ciallaíonn sé go léir ach 0, ceart?
Mar sin, an chéad a thabhairt duit é an tomhas.
>> Ansin a thabhairt duit é an stíl.
Mar sin, tá mé ag dul a rá "soladach."
Agus beidh muid ag labhairt faoi na rudaí a chiallaíonn go.
Agus ansin ar deireadh, a thabhairt duit é a dath.
Mar sin, tá mé ag dul a rá "dubh."
Agus is iad seo gach rud tá muid le feiceáil anois roimh, ach amháin i gcás stíl,
ach beidh muid ag labhairt faoi sin.
Mar sin, tá tú guys tomhais feiceáil, agus tá tú ag dathanna le feiceáil.
Agus cad a tharlaíonn é a fháil againn seo teorann dubh deas timpeall air, ceart?
Tá tú guys a fheiceáil conas a rinne muid sin?
>> LUCHT ÉISTEACHTA: Yeah.
>> TOMAS REIMERS: Cool.
Mar sin, cad é sin?
Mar sin, an gcéad dul síos, tá sé picteilín amháin.
Sin féin-soiléir go leor, ceart?
Cosúil, tá sé picteilín amháin tiubh.
Nó bheadh ​​sé picteilín amháin, ach tá mé súmáilte i, mar sin tá sé beagán níos mó
ná sin.
>> ALLISON BUCHHOLTZ-AU: Agus ní mór dúinn an teilifís réiteach ridiculous.
>> TOMAS REIMERS: Yeah.
Is féidir leat a dhéanamh níos mó é, níos lú, is cuma cad.
Mar sin, tá anseo teorainn dhá picteilín.
Feicfidh tú a fheiceáil go bhfuil sé dhá uair chomh tiubh.
Tá rud eile go bhfuil tú dath.
Ní suimiúil.
Níl mé ag dul chun labhairt faoi ​​sin, i ndáiríre.
>> ALLISON BUCHHOLTZ-AU: Ach an stíl D'fhéadfadh a bheith díreach suimiúil beagán.
>> TOMAS REIMERS: Yeah.
Mar sin stíl, tá roinnt cinn go fheiceáil mé a úsáidtear go coitianta.
An chéad cheann ar soladach, ceann eile ar dotted, agus an ceann deireanach ar dashed.
Agus is é anseo dotted.
Feicfidh tú a fheiceáil go bhfuil siad a bunch de poncanna, ceart?
Is bealach maith chun saghas fháil teorann deas ag dul, tá dashes freisin coitianta go leor.
>> ALLISON BUCHHOLTZ-AU: Agus ansin ar ndóigh, tá mé
cinnte go bhfuil neart eile stíleanna gur féidir leat a fháil.
Agus ní mór dúinn sraith iontach de naisc ag deireadh do shon guys
chun cineál peruse agus breathnú ar CSS níos fionnuar.
>> TOMAS REIMERS: Agus ansin an rud deireanach, tá muid
ag dul chun labhairt faoi na samhlacha bosca fíor tapaidh.
Ó, agus ansin teorann, díreach cosúil stuáil,
caithfidh tú freisin rudaí cosúil le teorann-chlé, teorann-dheis, teorann-top,
teorann-bun, a ligeann duit a fháil ar teorainn ar leith.
Mar sin, tá anseo ach an teorainn ar chlé-sainithe.
An bhfuil a dhéanann ciall?
>> ALLISON BUCHHOLTZ-AU: Tá sé ina fionnuar bhealach chun béim rudaí nó a chur
línte idir gnéithe éagsúla.
TOMAS REIMERS: Go hiomlán.
Mar sin, go bhfuil ár n-teorann.
Agus an ceann deireanach ar corrlach.
Imeall ar stuáil mhaith ach nach bhfuil sé within--
ALLISON BUCHHOLTZ-AU: Tá sé Ní thart ar do eilimint
ach i ndáiríre ar fud an fad bosca go atá muid ag feiceáil.
>> TOMAS REIMERS: Yeah.
Allison dúirt sé breá.
Níl sé, cosúil le, taobh istigh do eilimint, tá sé thart ar an bosca ar fad.
Ciallaíonn rudaí cosúil Ní cúlra maidir léi.
Agus deir sé go bunúsach, cosúil le, níl mé ag iarraidh rud ar bith
sa spás i bhfad dom.
Mar sin, cosúil le anseo ní mór dúinn corrlach de 10 pixel.
Mar sin, aon rud laistigh de 10 pixel Ba chóir go mbeadh in aice liom.
Sin de chineál ar a spás ach de chineál ar nach bhfuil.
Mar sin tá go bhfuil an an- Basics de mhúnla bhosca.
An bhfuil ciall?
Cool, fionnuar.
ALLISON BUCHHOLTZ-AU: uamhnach.
Mar sin, anois is dóigh liom againn ach Tá ár n-acmhainní fionnuar
go beidh orainn a ghlacadh tú guys trí go han-tapa.
Agus beidh muid ag actually-- go maith, a bhfuil againn ar an idirlíon go fóill?
>> TOMAS REIMERS: Déanaimis féach an féidir liom a oscailt up--
lig dom a fheiceáil go díreach má tá mé Is féidir a fháil ar an idirlíon go tapa
cé go labhraíonn Allison faoi rud ar bith Allison ba mhaith leis a labhairt faoi.
ALLISON BUCHHOLTZ-AU: Mar sin basically-- Ní féidir liom
Tá a fhios cad eile is féidir liom a rá ag an bpointe seo.
Ach tá na roinnt Acmhainní gur maith.
Tá na cinn a Tomas agus mé úsáid as
agus go bhfuil muid i ndáiríre a úsáidtear chun prep seo.
Tá W3Schools ceann go bhfuil tú Ba chóir go mbeadh guys a bheith le feiceáil roimh.
Molaimid é ar feadh go leor rudaí le CSS.
Tá a fhios agam a mholadh agam é a mo alt ar fad an t-am.
>> Ceann de na rudaí is fearr is go bhfuil sé is féidir leat chun cineál praiseach le CSS
agus féach ar na hathruithe instantaneously i seo,
mhaith, double-fuinneog féachaint go bhfuil sé.
Mar sin, ní gá duit a bheith buartha faoi a chur ar bun do leathanach gréasáin féin,
nó a chur ar bun vhost i do fearas áitiúil agus óstach áitiúil,
agus ag dul go léir go obair stuif.
Tá sé leabaithe ceart laistigh den leathanach.
>> Agus tá sé seo beag go ceachtanna is féidir leat
dul tríd a fhoghlaim níos mó faoi roghnóirí,
nó foghlaim faoi ionramháil do cló, nó cúlra, nó íomhá.
Agus tá tú na Torthaí mheandarach go bhfuil tú
Ní gá a dhéanamh ar aon obair prep eile le haghaidh.
Mar sin, is breá liom W3Schools.
Tá sé fabulous.
An bhfuil sé ag obair?
>> TOMAS REIMERS: Yeah.
Níl, tá sé nach bhfuil.
An bhfuil tú ag iarraidh mé chun iarracht a dhéanamh agus atosú ar mo ríomhaire?
Nó ar mhaith linn a to--
>> ALLISON BUCHHOLTZ-AU: Ciallaíonn mé, go maith, beidh sé seo a bheith ar líne chomh maith.
Beidh gach na sleamhnáin bheith ar líne.
Mar sin, mé díreach tar éis a mholadh go mór ag déanamh na.
>> Tá sé seo iontach mar díreach cosúil le bileog cheat.
Tá sé díreach ar fad an mbun orduithe go bhfuil tú.
Tá sé ar fheabhas nuair a bhíonn tú ar dtús ag tosú amach ar do láithreán gréasáin.
Toisc b'fhéidir nach bhfuil tú ag iarraidh a fháil isteach i ngach
an nitty gritty fíor dearadh-trom stuif.
Ní mór duit ach go formáid sé ar bhealach gur de chineál ar a dhéanann ciall agus beidh
dhéanamh de thuras na huaire.
Agus más mian leat a fháil isteach é, tá a fhios agam
is é sin, cosúil le, ar cheann de Tagairtí is fearr leat Tomas ar.
Bhí muid ag baint úsáide as é go prep, agus tá sé fabulous.
Tá sé an Forbróir ó Mozilla.
>> TOMAS REIMERS: Mar sin, tá Mozilla na daoine a dhéanann Firefox.
Agus tá sé ach a n-forbróir féin Tá tagairt, a Sílim uamhnach.
Agus tá sé iontach liosta na n-acmhainní.
Mar sin, have-- muid
>> ALLISON BUCHHOLTZ-AU: Agus ansin tá nóta seo caite
nuair a bhfuil tú ag iarraidh a dhearadh do láithreán gréasáin,
tharraingt inspioráid ó rudaí a cheapann tú go bhfuil go leor.
Cigireacht an eilimint, iniúchadh ar an cód foinse
Is féidir a bheith Super cabhrach chun iarraidh a dhéanamh amach
conas a stíl ar do láithreán gréasáin féin.
>> Go minic, is dóigh liom an chuid is fearr bhealach, seachas turgnamh,
bhfuil ach chun breathnú ar rudaí atá go leor.
Bhfaighidh mé tá sé i ndáiríre deacair go dtí díreach de chineál ar rudaí a dhearadh ar do chuid féin,
go háirithe i tús.
Mar sin, le do thoil féachaint ar láithreáin ghréasáin go mbainfidh tú taitneamh as ag féachaint ar.
Figiúr amach cad a dhéanann iad achomharc a thabhairt duit.
Agus ansin bhraitheann saor in aisce do iarracht a dhéanamh agus a mhacasamhlú go.
>> TOMAS REIMERS: Ceart.
Fiú amháin cosúil láithreáin ghréasáin mar seo, is féidir leat a fheiceáil
níl cinnte div ag an mbarr.
Agus ansin caithfidh tú div eile laistigh anseo, a bhfuil awesomeness CSS.
Agus ansin caithfidh tú a bunch de naisc anseo.
Má tá tú i ndáiríre a iniúchadh ach eilimintí, is féidir leat a shórtáil de
tús a fheiceáil cad a dhéanann láithreáin ghréasáin cuma mhaith, agus conas is féidir liom
athchruthú go má bhí mé a.
An bhfuil ciall?
Mar sin, ní mór dúinn ach trí nóiméad fágtha.
Mar sin ceisteanna?
Aon cheann acu?
Yes.
>> LUCHT ÉISTEACHTA: Don dath dronuilleog, conas a bheadh ​​agat
have-- más rud é nach raibh tú ag iarraidh é dul thar an leathanach ar fad, d'fhéadfadh
rinne tú é ag dul trasna amháin leath an leathanach nó díreach leis an téacs?
>> TOMAS REIMERS: Yeah, go hiomlán.
Mar sin, lig dom a fheiceáil i ndáiríre.
Tá mé dhá smaointe.
Mar sin, ar an gcéad dul, tá tú Is féidir úsáid a bhaint freisin percents.
>> LUCHT ÉISTEACHTA: really?
>> ALLISON BUCHHOLTZ-AU: Mar sin, rud éigin chun breathnú suas é suite coibhneasta.
Tá sé rud éigin go bhfuil muid nach bhfuil am chun dul isteach ar,
ach tá sé rud éigin mé cinnte mholadh tú guys a sheiceáil amach.
>> TOMAS REIMERS: percents sin.
Agus a fheiceáil conas a rinne muid é ach 50% de leithead?
ALLISON BUCHHOLTZ-AU: Má tá tú Tá a fhios iarbhír ar líon na pixel,
féidir leat a bheith níos cruinne go bhealach.
Is féidir leat a fidil timpeall leis.
Ach 50%.
Má bhí muid a athrú ar ár bhrabhsálaí, bheadh ​​sé a dhéanamh níos lú é.
>> TOMAS REIMERS: Bhuel, tá sé go bunúsach 50% ceart anois, I mo thuairimse.
Tá sé 50%, agus ansin an corrlach Tá curtha leis sin.
CSS Tá a lán de Newsagents.
Mar sin, ceart anois tá sé seo 50% de leithead leathanach.
Ach cuimhnigh go bhfuil tú 10 pixel tógtha amach ó gach taobh.
Mar sin, má tá tú go raibh bogadh go i gcoinne an imeall clé an bhrabhsálaí,
ansin bheadh ​​sé cuma mhaith 50%.
Arís, mar a dúirt mé, is féidir CSS a lán de na buille faoi thuairim-agus-sheiceáil.
Cosúil, a cheapann tú rud éigin tá dul chun iad féin a iompar ar bhealach amháin,
ach behaves sé ar bhealach go hiomlán difriúil.
>> ALLISON BUCHHOLTZ-AU: Agus tú a fháil ach níos cliste,
agus tú a fháil ach níos fearr intuition chun é mar a bhogann tú chomh maith.
>> TOMAS REIMERS: Agus é Faigheann níos measa agus níos measa.
Mar sin, tá sé i ndáiríre ach rás.
>> ALLISON BUCHHOLTZ-AU: Sin Super spreagúil.
Ba mhaith linn iad CSS a mhaith.
>> Tá CSS uamhnach: TOMAS REIMERS.
Cuimhnigh go bhfuil.
Ceisteanna eile?
>> ALLISON BUCHHOLTZ-AU: An rud amháin.
Rud ar bith eile?
Cool.
>> TOMAS REIMERS: uamhnach.
>> ALLISON BUCHHOLTZ-AU: Bhuel, má tá tú tá aon cheist guys níos déanaí,
tá muid ar fáil de réir mar is gnách i gcónaí.
Feicfidh tú a fheiceáil is dócha roinnt againn do thionscadail deiridh
agus cinnte ag an hackathon.
>> TOMAS REIMERS: Go hiomlán.
Agus ag an aonach.
>> ALLISON BUCHHOLTZ-AU: Agus ag an aonach.
OH.
>> TOMAS REIMERS: Féach ar aghaidh le féachaint ar fad do awesome--
>> ALLISON BUCHHOLTZ-AU: Beidh muid a fheiceáil gach ceann de do láithreáin ghréasáin uamhnach
a bheidh álainn.
TOMAS REIMERS: Is féidir leat i gcónaí fheiceáil, ar nós, na láithreáin ghréasáin
a raibh, ar nós, CSS maith agus ansin cosúil leis na cinn nach raibh a iarracht CSS a dhéanamh.
ALLISON BUCHHOLTZ-AU: Chomh maith leis sin, ceann eile rud, rud amháin níos mó chun breathnú isteach
Tá bootstrapping.
Dá bhrí sin tá bootstrap mór.
>> TOMAS REIMERS: Google más rud é you--
>> ALLISON BUCHHOLTZ-AU: Google é.
Tá sé fabulous.
Feicfidh tú breá liom í.
Agus anois go bhfuil tú tuiscint bhunúsach CSS,
beidh sé ciall a lán níos mó.
Uamhnach.
Go raibh maith agat, guys.
>> TOMAS REIMERS: Go raibh maith agat an méid sin.