>> DAVID MALAN: Así que he estado trabajando en este motor de búsqueda
que se parece a esto.
Me parece que tienen un título llamado CS50 Buscar, por debajo del cual es un formulario HTML,
dentro de los cuales es una entrada cuya Tipo es texto y otra entrada
cuyo tipo es presentar.
Echemos un vistazo a la subyacente código fuente de esta página.
>> Aquí, en la búsqueda-2.html, observe que de hecho tener un título en la forma de la
cabeza, así como en el cuerpo con una etiqueta h1 alrededor.
Tengo un formulario HTML, y entonces esas dos entradas.
Pero noten, en particular en el cuerpo etiqueta, que he declarado un estilo
atributo cuyo valor es text-align: centro;, especificando de ese modo que todos
texto en esta página debe ser alineada en el centro.
>> Ahora bien, esto funciona perfectamente bien, pero es un poco descuidado.
Realmente no se puede decir a la mayor cantidad porque esta página es bastante
pequeña en el momento.
Pero imagínese si esta página tiene más y más tiempo y
más largo y complejo.
>> Observe que el patrón que he adoptado aquí es entremezclar mi estética
con la estructura de la página mediante el atributo de estilo.
Larga historia corta, esto no es la mejor diseño, sin duda como crecen sus páginas
más complejo.
Mejor diseño sería objeto de eliminar que la estilización y ponerlo en algún lugar
central, por ejemplo, no en un estilo atribuir pero en una etiqueta de estilo,
específicamente una etiqueta de estilo en el interior de etiqueta de la cabeza de mi página.
Vamos a hacer exactamente eso.
>> En primer lugar vamos a ir aquí y eliminar atributo de este estilo por completo.
Entonces copia de seguridad en la cabeza de mi página, vamos a declarar una etiqueta de estilo y cerrarla en
Al mismo tiempo, así que no lo hacen olvide después.
Y luego vamos a especificar que el cuerpo de esta página debe tener un CSS
propiedad text-align es el centro.
Ahora vamos a guardar esta página, vuelva a cargar el navegador, y ver lo que el efecto es.
>> Recargar en el navegador -
ningún efecto en absoluto.
Pero ningún efecto se pretendía.
Simplemente estamos mejorando El diseño de esta página.