>> SPEAKER: Izrādās, ka HTML nav vienīgā valoda, ko var izmantot iekšpusē
no tīmekļa lapas.
Jūs varat izmantot kaut ko sauc par CSS, vai Cascading Style Sheets, kā arī.
CSS ļauj norādīt daudz vairāk precīzi estētika web
lapas, ieskaitot izkārtojumu un izmēriem, un krāsas un fontus, un daudz ko citu.
Piemēram, pieņemsim izveidot mājas lapu šeit sauc CSS0, kas apzīmē
mājas lapa, piemēram, John Harvard.
>> Šajā lapā, mums būs John Harvard s nosaukums, zem kura būs
jauka ziņa par saviem apmeklētājiem, zem kas būs kājene, ar
saka, daži autortiesību informāciju.
Lai to izdarītu, pieņemsim definēt trīs nodaļas par lapu, izmantojot tagu
sauc div.
Atvērt kronšteins div, John Harvard, close kronšteins div, vēl viens atklātā kronšteins div,
un tagad mēs norādīt kaut ko piemēram, welcome uz manu mājas lapā!
Un pieņemsim slēgt šo div, kā labi.
>> Un tagad trešais un pēdējais div, autortiesības.
Tikai, lai būtu iedomātā, ļaujiet man izmantot tagad HTML persona, simbols, kas apzīmē
raksturu, kas jūs varētu citādi rakstīt uz tastatūras.
Jo īpaši, es esmu gatavojas darīt Ampersand, mārciņa, 169, semikols.
Izrādās, ka ir ciparu kods par autortiesību simbolu.
Tad pieņemsim precizēt John Harvard šeit apakšā.
Pieņemsim aizveriet div un saglabājiet failu.
>> Tagad, kas ir šī div tagu?
Div tag vienkārši nosaka sadalījumu lapas, kas ir pēc būtības
taisnstūrveida apgabals.
Tātad šajā brīdī, man ir trīs taisnstūra reģioniem, vienu uz augšu
no otras puses.
Tātad tagad, efekts ir gandrīz tikpat lai gan man bija trīs punktus.
Bet mēs neredzam tik daudz atstarpe starp tām.
>> Pieņemsim saglabājiet šo failu, mainīt tās atļaujas, un to apskatīt
brīdis Chrome.
Chmod + r CSS0.html.
Pieņemsim tagad atvērt Chrome un apmeklējumu http://localhost.CSS0.html.
Patiešām, šeit ir mājas lapa John Harvard.
Pieņemsim tagad Stylize to nedaudz vairāk Tieši izmantojot dažus CSS.
>> Atpakaļ gedit, iesim uz to Pirmais div tagu un pievienot stilu
atribūtu norādot, ka es gribētu fonta lielumu, teiksim, 36 pikseļi vai px.
Un es gribētu svaru šo fontu jābūt drosmīgai, nevis noklusējuma,
kas ir normāli.
Attiecībā uz otro div, pieņemsim precizēt cita stila atribūtu, kas ir
fonta izmērs 24 pikseļi, tāpēc nedaudz mazāks.
Aizvērt citē pēc semikolu.
>> Visbeidzot, šajā trešajā div, pieņemsim do stils vienāds quote, fonta lielumu, un
teiksim 12 pikseļi šoreiz.
Aizvērt quote pēc semikolu.
Ievērojiet, tad man šķiet, ir norādīts mazliet stilizācijas par
Katrā no šiem trim divs lieto, izrādās, CSS.
Patiesībā, sintakse, ka jūs redzat starp šīm pēdiņas ir CSS,
īpaši CSS īpašības ar vērtībām.
Un šī pirmā tag, kur man bija divas šādas īpašības, fonta izmērs un
fontu svaru, es vienkārši atdalītas tos ar semikolu.
>> Tagad, tikai par stilu dēļ, es iekļauti arī semikoliem at
gals katrā rindā.
Bet viņi nav absolūti nepieciešams, jo īpaši, ja jums ir tikai viens
īpašums definēts.
Pieņemsim tagad saglabājiet failu un pārlādēt Chrome, un redzēt, kas
neto ietekme ir.
Atpakaļ Chrome šeit pieņemsim noklikšķiniet pārlādētu.
>> Tagad mums ir nedaudz vairāk interesanti mājas lapa John
Harvard, kur pirmajā rindā ar viņa vārds, kas ir iekšpusē, kas
Pirmais div, ir 36 pikseļi garš, un arī trekniem, kurā otrā rinda,
, kas ir minētajā otrajā div, ir 24 pikseļu garš, bet ne treknrakstu.
Un kuru trešajā rindā šajā trešdaļā div ir 12 pikseļi garš, un arī
nav treknrakstā.
Bet pieņemsim, ka tagad es gribētu, lai pārslēgtos visu šo tekstu vairāk
tā, ka tas ir centrēts.
>> Es varētu saskaņot katra indivīda divs kā ir centrēts.
Bet vieglāk, es varētu wrap tos trīs divs iekšpusē ceturto div,
vecākiem div, tā sakot, un norādīt ka šis div un visas tās
pēcnācēji būtu Teksts saskaņots centru?
Pieņemsim to apskatīt.
>> Iekšpusē gedit, iesim atpakaļ uz manu ķermeņa un pievienot jaunu div līdz augšējai
div, stils ir vienāds quote likt pēdiņas beigās teksta saskaņot centrā, netālu
quote pēc semikolu.
Un tagad, iesim uz priekšu un ievilkums visu Šo līniju, ko mēs drukāti pirms tam.
Un zem šīs trešās div, pieņemsim aizvērt šo jauno div.
>> Citiem vārdiem, jo ​​tie trīs sākotnējie divs tagad bērni, tāpēc, lai
runā, par jaunā mātes div, un es esmu norādīts, ka es gribētu, lai saskaņotu
tekstu šā mātesuzņēmuma div centrā lapas, ka īpašums tiks
mantoja visus šos bērnus.
Tiešām, pieņemsim saglabājiet failu un ieskatieties pārlūkprogrammā.
Pieņemsim pārlādēt Chrome.
Un tur mums ir tā, vēl jaukāk mājas lapa John Harvard.