COLUMNA: Entón, en realidade, non é o mellor proxectar para mesturar CSS con HTML. Pola contra, é mellor levar o seu CSS, poñelas en algún lugar central e dalgunha forma, aplicala lo á etiquetas na súa páxina web. Para conseguir isto, podemos realmente deixar usar o atributo de estilo e, en vez use unha marca de estilo, que pertence ao cabeza dunha páxina web xunto, para exemplo, o seu título. 

Imos tentar dar un regalo e re-aplicar unha páxina para John Harvard usar a etiqueta Style. Eu xa chegou nos iniciados aquí con tres divs para Páxina de inicio de John Harvard. Pero primeiro imos agora vaia este primeiro div e engadir un novo atributo, nomeadamente ID, e especificar que unha única identificador para este div especial debe ser, por exemplo, entre comiñas "Top", un nome arbitrario, senón descritiva na medida en que este é div de feito na parte superior da miña páxina. 

Á seguinte div, imos darlle un ID diferente de entre comiñas "Media", e imos dar a terceira div un ID de entre comiñas "de abaixo". Nós Agora temos tres identificador único ao cal podemos aplicar algunhas CSS propiedades, pero en primeiro lugar, do retorno deixar na cabeza da páxina. Logo enriba do título aquí, eu vou vai adiante e definir o estilo e pecha o estilo. 

Dentro deste momento, eu estou indo a definir algunhas propiedades CSS, é dicir, a mesmos que eu xa tiña en Estilo atributos, pero aquí van ser definido de forma centralizada. Para iso, eu vou especificar a libra símbolo seguido de arriba, así especificando que o seguinte CSS propiedades deben ser aplicadas a calquera Elemento HTML ten o único identificador de arriba. Estou pasando entón a ter algún aberto e claves pechadas, e eu vou especificar, por exemplo, o tamaño da fonte debe ser 36 píxeles, o peso da fonte debe ser ousado. 

Para manter as cousas limpas, eu estou poñendo cada destas propiedades agora na súa propia liña, pero iso é só un convenio estilística. Debaixo diso, imos agora configurar outra selector, por así dicir. Este para a etiqueta HTML que ten identificador único de medio. E, aquí, imos especificar un tamaño de fonte de 24 píxeles, que a continuación doutra selector para abaixo, e dentro de que, imos especificar un tamaño do tipo de letra de 12 píxeles. 

Imos agora gardar, cambiar os permisos , E cargar a páxina nun navegador, chmod a + r css-1.html. Imos abrir Chrome e visitar http://localhost/css-1.html. Non é malo. Exactamente como eu pretendía, pero gustaríame levar as cousas un paso adiante agora e O texto de centro John Harvard. Agora, para facelo, eu podería implicar o páxina enteira nun div como eu fixen un exemplo anterior. Ou podo ser máis intelixente e entender que todos estes están no interior de divs o corpo da miña páxina, entón por que non se aplica só unha ou máis propiedades CSS para o corpo marcar a si mesmo? 

Para iso, imos facelo. Imos volver para gedit aquí. Imos rolar para atrás ata a etiqueta estilo, e imos especifica un selector usando esa etiqueta nome, Corpo. Debaixo diso, imos poñer as nosas claves seguido polo centro text-align. Imos agora gardar a páxina e volver cargar lo dentro dese navegador. Actualizar en Chrome, e listo. Agora temos páxina de John Harvard centrado como pretendiamos.