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.