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.