>> ALTAVEU: Resulta que HTML no és l'únic llenguatge que pot utilitzar a l'interior
d'una pàgina web.
Podeu fer servir una cosa anomenada CSS, o Fulls d'estil en cascada, també.
CSS permet especificar molt més precisament l'estètica d'una Web
pàgina, incloent el disseny i la mida i la colors i les fonts i molt més.
Per exemple, crearem una pàgina web aquí es diu css0 que representa un
la teva pàgina d'inici per, per exemple, John Harvard.
>> En aquesta pàgina, tindrem de John Harvard nomenar, sota de la qual serà
un missatge per als seus visitants, per sota de que serà un peu de pàgina, amb
dir, una mica d'informació dels drets d'autor.
Per a això, definirem tres divisions per la pàgina utilitzant una etiqueta
anomenat div.
Obrir div suport, John Harvard, prop div suport, un altre div parèntesi obert,
i ara anem a especificar alguna cosa com, benvingut a la meva pàgina d'inici!
I anem a tancar aquest div, també.
>> I ara una tercera i última div, els drets d'autor.
Només per ser de luxe, permetin-me fer servir ara un arxiu HTML entitat, un símbol que representa
un personatge que no podia d'una altra manera escrigui en el teclat.
En particular, em faré signe, lliura, 169, punt i coma.
Resulta que és el codi numèric per al símbol de drets d'autor.
Llavors anem a especificar John Harvard aquí a la part inferior.
Anem a tancar el div i deseu el fitxer.
>> Ara, què és aquesta etiqueta div?
L'etiqueta div simplement defineix una divisió de la pàgina, que és essencialment un
regió rectangular.
Així que en aquest moment en el temps, tinc tres regions rectangulars, un a la part superior
de l'altra.
Així que per ara, l'efecte és gairebé tan encara que jo tenia tres paràgrafs.
Però no anem a veure absolutament tant espai en blanc entre ells.
>> Anem a guardar l'arxiu, canviï el seu permisos i fer una ullada per una
moment en Chrome.
Chmod a + r CSS0.html.
Ara anem a obrir Chrome i visita http://localhost.CSS0.html.
De fet, aquesta és una pàgina de inici per John Harvard.
Ara anem a stylize una mica més amb precisió utilitzant una mica de CSS.
>> De tornada a gedit, entrarem en aquest primera etiqueta div i afegir un estil
Atribueixo especificant que m'agradaria un mida de la font de, per exemple, 36 píxels o píxels.
I m'agradaria que el pes d'aquesta font ser audaços en lloc de la per defecte,
la qual cosa és normal.
Per segon div, anem a especificar altre atribut d'estil que té un
mida de font de 24 píxels, per la qual una mica més petit.
Tancar cometes, després del punt i coma.
>> Finalment, en aquesta tercera div, farem estil és igual a la grandària de pressupost, la font, i
diguem 12 píxels en aquesta ocasió.
Tancar cotització després del punt i coma.
Noteu llavors que em sembla que tenen especificat una mica d'estilització per
cada un d'aquests tres divs utilitzant, resulta, CSS.
De fet, la sintaxi que es veu en entre aquestes cometes és CSS,
CSS específicament propietats amb valors.
I per aquesta primera etiqueta, on vaig tenir dues d'aquestes propietats, mida de font i
pes de la font, simplement em vaig separar amb punt i coma.
>> Ara, només pel bé d'estil, em punt i coma també inclosos en
al final de cada línia.
Però no són estrictament necessaris, sobretot quan només té un
propietat definida.
Ara anem a guardar l'arxiu i torneu a carregar a Chrome, i veure el que
l'efecte net és.
De tornada a Chrome aquí, fem clic en Recarregar.
>> Ara tenim una mica més interessant la teva pàgina d'inici per a John
Harvard, en què la primera línia amb el seu nom, que es troba dins d'aquest
primera div, és de 36 píxels d'alt i també negreta, en què la segona línia,
que és en aquest segon div, és a dir 24 píxels d'alt, però no en negreta.
I pel que la tercera línia en aquest tercer div és de 12 píxels d'alt i també
No negreta.
Però suposo que ara m'agradaria canviar tot d'aquest text sobre
de tal manera que està centrada.
>> Jo podria alinear cadascun dels individus divs com està centrada.
Però més fàcilment, podria embolicar els 03:00 divs dins d'una cambra, un div
div pare, per així dir-ho, i especificar que que div i la totalitat del seu
descendents haurien d'estar centrar el text alineat?
Anem a fer una ullada.
>> Dins gedit, anem a tornar al meu cos i afegir un nou div sobre de la tapa amb
div, estil és igual entre cometes Centre text s'alineï, prop
postular després del punt i coma.
I ara, seguirem endavant i tot guió d'aquelles línies que hem escrit abans.
I per sota de la tercera div, anem a tancar aquesta nova div.
>> En altres paraules, a causa als tres divs originals ara són fills, de manera que
Parlo, per un nou div pare i no tinc vaig especificar que m'agradaria per alinear el
text d'aquest div pare al centre de la pàgina, que la propietat serà
heretat per tots aquests nens.
De fet, anem a guardar l'arxiu i fer una ullada a un navegador.
Anem Recarregar a Chrome.
I aquí el tenim, 01:00 encara millor La pàgina principal de John Harvard.