Speak: Acontece que o HTML non é a única lingua que pode usar dentro dunha páxina web. Podes usar algo chamado CSS, ou CSS, tamén. CSS permite que especifique máis precisamente a estética dun web páxina, incluÃndo esquema e os tamaños e cores e fontes e moito máis. Por exemplo, imos crear unha páxina web aquà chamado css0 que representa un páxina principal para, digamos, John Harvard.
Nesta páxina, imos ter de John Harvard nome, baixo o cal será unha fermosa mensaxe para os seus visitantes, baixo que será un pé, con dicir, unha información sobre dereitos de autor. Para iso, imos definir tres divisións á páxina usando unha etiqueta chamado div. Abrir soporte div, John Harvard, preto div soporte, outra div soporte aberto, e agora imos indicar algo como, benvido á miña páxina! E imos pechar esta div, tamén.
E agora, un terceiro e último div, dereitos de autor. Só ser extravagante, déixeme usar agora un HTML entidade, un sÃmbolo que representa un personaxe que non podÃa doutro xeito escriba no teclado. En particular, eu vou facer comercial, libra, 169, punto e coma. Acontece que é o código numérico ao sÃmbolo de copyright. Entón imos especificar John Harvard aquà na parte inferior. Imos pechar a div e salva o arquivo.
Agora, o que é esa etiqueta div? A etiqueta div simplemente define unha división da páxina, que é esencialmente un rexión rectangular. Polo tanto, neste momento no tempo, eu teño tres rexións rectangulares, un encima do outro. Entón, por agora, o efecto é case tan aÃnda que eu tiña tres parágrafos. Pero non veremos tan grande espazo en branco entre eles.
Imos gardar este ficheiro, cambie a súa permisos e dar un ollo a un momento no Chrome. Chmod a + r CSS0.html. Imos agora abrir Chrome e visita http://localhost.CSS0.html. De feito, aquà está unha páxina principal por John Harvard. Imos agora estilizar un pouco máis precisamente utilizando algún CSS.
De volta ao gedit, imos entrar nesa primeira etiqueta div e engadir un estilo atribúen especificando que me gustarÃa un tamaño do tipo de letra, por exemplo, 36 pÃxeles, ou px. E gustarÃame que o peso desta fonte ser ousado no canto do estándar, o que é normal. Para a segunda div, imos especificar outro atributo de estilo que ten un tamaño do tipo de letra de 24 pÃxeles, entón un pouco menor. Citas pechar despois do punto e coma.
Finalmente, nesta terceira div, imos facer estilo é igual tamaño cita, fonte e digamos que 12 pÃxeles desta vez. Pechar cita despois do punto e coma. Teña en conta, entón, que me parece especificou un pouco de estilización para cada un destes tres divs usando, ao parecer, CSS. En realidade, a sintaxe que ve na entre esas comiñas é CSS, especificamente CSS propiedades con valores. E para que a primeira etiqueta, onde tiven dúas desas propiedades, tamaño da fonte e peso da fonte, eu simplemente separados los con un punto e coma.
Agora, só por mor do estilo, eu punto e coma tamén incluÃdos no Ao final de cada liña. Pero eles non son estrictamente necesarios, especialmente cando só ten unha propiedade definida. Imos agora gardar o ficheiro e recargue en Chrome, e ver o que o efecto neto é. Volver en Chrome aquÃ, imos prema Recargar.
Agora temos un pouco máis interesante páxina principal para John Harvard, no que a primeira liña con o seu nome, o que está dentro dese primeiro div, é de 36 pÃxeles de altura e tamén negra, polo que a segunda liña, que é, en que a segunda div, é 24 pÃxeles de altura, aÃnda que non en negra. E en que a terceira liña na que a terceira div é de 12 pÃxeles de altura e tamén non negra. Pero supoñamos que agora me gustarÃa cambiar todo isto texto sobre de tal forma que é centrado.
PoderÃa aliñar cada do individuo divs como centrado. Pero, máis facilmente, eu poderÃa implicar os tres divs dentro dunha cuarta, unha div div pai, por asà dicir, e seleccione que que div e todos os seus descendentes debe ser texto aliñado centro? Imos dar un ollo.
Dentro gedit, imos voltar para o meu corpo e engadir un novo top up div con div, o estilo é igual entre comiñas centro aliñar texto, close cotar despois do punto e coma. E agora, imos adiante e todo guión desas liñas que escribiu antes. E por baixo dese terceiro div, imos pechar esta nova div.
Noutras palabras, por que os tres divs orixinais son agora os nenos, por asà dicir, dunha nova div pai e eu teño especificou que me gustarÃa aliñar o texto desta div pai no centro da páxina, que a propiedade será herdado por todas eses nenos. De feito, imos gardar o ficheiro e bótalle un ollo nun navegador. Imos volver cargar en Chrome. E aà temos que, unha aÃnda mellor páxina principal para John Harvard.