Tip:
Highlight text to annotate it
X
>> SPEAKER: Tātad, tas tiešām nav labākais dizains ir sajaukt CSS ar HTML.
Drīzāk, tas ir labākais, lai faktors, kas savu CSS, nodot to kaut kur centrālo un
kaut kā piemērot to uz tagus jūsu mājas lapā.
Lai sasniegtu šo mērķi, mēs faktiski var apturēt izmantojot stila atribūtu un tā vietā
izmantot Style tagu, kas pieder vadītājs, kas mājas lapā līdzās, lai
Piemēram, jūsu virsraksts.
>> Dosim to izmēģināt un atkārtoti ieviest mājas lapa John Harvard
izmantojot stilu tagu.
Esmu jau gotten mums sākusies šeit ar trīs divs par
John Hārvardas Universitātes mājas lapā.
Bet pieņemsim vispirms tagad iet līdz šī pirmā div un pievienot jaunu atribūtu,
proti ID, un norādot, ka unikālu identifikators šajā konkrētajā div
ir, piemēram, citējot likt pēdiņas beigās "Top", patvaļīgu vārdu, bet
aprakstošs, ka tas div ir patiešām augšpusē manu lapu.
>> Attiecībā uz nākamo div, pieņemsim arī tā dažādi ID citējot likt pēdiņas beigās
"Vidējā", un dosim trešo div ID citējot likt pēdiņas beigās "no apakšas". Mēs
Tagad ir trīs unikāls identifikators uz ko mēs varam piemērot dažus CSS
īpašības, bet vispirms, pieņemsim atgriešanās uz galvas šajā lapā.
Tieši virs nosaukumu šeit, es ņemšu iet uz priekšu un noteikt stilu
un pēc tam aizveriet stilu.
>> Iekšpusē to tagad, es esmu gatavojas, lai definētu dažus CSS īpašības, proti,
pašai es iepriekš bija Style atribūti, bet šeit tie būs
centralizēti noteikts.
Lai to izdarītu, es esmu gatavojas noteikt mārciņu simbols, aiz kura augšpusē, tādējādi
precizējot, ka šādi CSS īpašības, būtu jāpiemēro neatkarīgi
HTML elementam ir unikāla identifikators augšas.
Es tad nāksies dažas atvērtas un slēgtas cirtaini bikšturi, un es esmu gatavojas
norādīt, teiksim, fonta izmērs ir 36 pikseļi, fonts svars ir treknrakstā.
>> Lai saglabātu lietas tīru, es esmu liekot katram Šo īpašību tagad pati
līnija, bet tas ir tikai stilistiskā konvencija.
Zem šī, pieņemsim tagad noteikt citu selektoru, lai runāt.
Tas viens HTML tagu, kas ir unikālais identifikators vidū.
Un šeit, pieņemsim norādīt fonta izmēru 24 pikseļi, zem ka cita
selektors apakšu, un iekšpusē no tā, pieņemsim precizēt
fonta izmērs 12 pikseļi.
>> Pieņemsim tagad saglabāt, mainīt atļaujas gada, un ielādēt šo lapu pārlūkprogrammā,
chmod plus r CSS-1.html.
Pieņemsim atvērt Chrome un apmeklēt http://localhost/css-1.html.
Nav slikti.
Tieši tā, kā es paredzēts, bet es gribētu veikt lietas vienu soli tālāk tagad
centriski John Hārvardas Universitātes tekstu.
Tagad to darīt, es varētu wrap Visa lapa div kā es
bija agrāku piemēru.
Vai man var būt gudrs, un saprast, ka visas šīs divs ir iekšpusē
Mana lapa ķermenis, tad kāpēc ne tikai uz viens vai vairāki CSS īpašības attiecībā uz ķermeņa
tagu sevi?
>> Lai to izdarītu, pieņemsim to izdarītu.
Iesim atpakaļ uz gedit šeit.
Pieņemsim ritināt atpakaļ līdz Style tagu, un pieņemsim norādīt selektoru tikai
Izmantojot šo tagu vārdu, Body.
Turpmāk tas, pieņemsim nodot mūsu cirtaini bikšturi seko teksta centrēšanas centrā.
Pieņemsim tagad saglabātu lapu un pārlādēt tā iekšpusē šo pārlūku.
Papildināšanas Chrome, un voila.
Mums tagad ir John Harvard lapa centrā, kā mēs paredzēts.