>> ALTAVOZ: ¿Así que en realidad no es la mejor diseñar entremezclarse CSS con HTML.
Más bien, lo mejor es factorizar su CSS, ponerlo en algún lugar central, y
de alguna manera aplicarlo a la tags en su página web.
Para lograr esto, podemos dejar de realidad utilizando el atributo de estilo y en su lugar
utilizar una etiqueta de estilo, que pertenece en el jefe de una página web junto con, por
ejemplo, su título.
>> Vamos a darle una oportunidad y volver a poner en práctica una página principal para John Harvard
usando la etiqueta de estilo.
Ya he recibido podamos empezar aquí con tres divs para
La página web de John Harvard.
Pero primero vamos a ir ahora hasta esta primera div y añadir un nuevo atributo,
a saber, la identificación, y especificar que un único identificador para este div particular,
deberá ser, por ejemplo, entre comillas "Top", un nombre arbitrario, pero
descriptiva en que este es div de hecho en la parte superior de mi página.
>> Para la próxima div, vamos a darle un ID diferente de, entre comillas
"Medio", y vamos a dar el tercer div un ID de comillas "de abajo". Nosotros
Ahora tiene tres identificador único a la que se puede aplicar un poco de CSS
propiedades, pero primero, vamos a devolución a la cabeza de esta página.
Justo por encima del título aquí, voy a seguir adelante y definir el estilo
y cierre el estilo.
>> En el interior de este momento, voy a definir algunas propiedades de estilo CSS, a saber, la
mismos que tenía anteriormente en Estilo atributos, pero aquí van a estar
definido centralmente.
Para ello, voy a especificar la libra símbolo seguido por la parte superior, con lo que
especificando que el siguiente CSS propiedades deben aplicarse a cualquier
Elemento HTML tiene la única identificador de la parte superior.
Entonces voy a tener algunas abiertas y llaves cerradas, y yo voy a
especificar, por ejemplo, tamaño de la letra será de 36 píxeles, el peso de la fuente deberá ser audaz.
>> Para mantener las cosas limpias, estoy poniendo cada de estas propiedades ahora en su propia
línea, pero eso es sólo una convención estilística.
Debajo de esto, ahora vamos a definir otro selector, por así decirlo.
Esta es para la etiqueta HTML que tiene identificador único del medio.
Y aquí, vamos a especificar un tamaño de fuente de 24 píxeles, por debajo de la otra
selector para la parte inferior, y en el interior de eso, vamos a especificar un
tamaño de fuente de 12 píxeles.
>> Ahora vamos a guardar, cambiar los permisos en, y cargar esta página en un navegador,
chmod un plus r css-1.html.
Vamos a abrir Chrome y visitar http://localhost/css-1.html.
No está mal.
Exactamente como era mi intención, pero me gustaría tomar las cosas un paso más allá y ahora
texto del centro John Harvard.
Ahora bien, para hacerlo, yo podría envolver la página entera en un div como yo
hizo un ejemplo anterior.
O puedo ser más inteligente y darse cuenta de que todos estos divs se encuentran dentro de
el cuerpo de mi página, así que ¿por qué no se aplican una o más propiedades de CSS para el cuerpo
etiquetar a sí mismo?
>> Para ello, vamos a hacer esto.
Volvamos a gedit aquí.
Vamos a retroceder hasta la etiqueta de estilo, y vamos a especificar un selector sólo
usando el nombre de esa etiqueta, Cuerpo.
Debajo de eso, vamos a poner nuestras llaves seguido por el centro de text-align.
Ahora vamos a guardar la página y vuelve a cargar dentro de ese navegador.
Recargar en Chrome, y voila.
Ahora tenemos la página de John Harvard centrada ya que teníamos intención.