>> 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.