DAVID MALAN: Então eu tenho trabalhado sobre este motor de busca que se parece com isso. Eu pareço ter um título chamado CS50 Pesquisa, abaixo do qual é um formulário HTML, dentro do que é uma entrada cujo Tipo é um texto e uma outra entrada cujo tipo é enviar. Vamos agora dar uma olhada no subjacente código-fonte para esta página. 

Aqui em busca-2.html, perceber que eu de facto ter um título na forma do cabeça, bem como no corpo com uma tag h1 em torno dele. Eu tenho um formulário HTML, e então essas duas entradas. Mas observe, em particular, sobre o corpo tag, que eu tenha declarado um estilo atributo cujo valor é text-align: centro; especificando assim que todos texto desta página deve ser alinhado no centro. 

Agora, este funciona perfeitamente corretamente, mas é um pouco desleixado. Você não pode realmente dizer o máximo porque esta página é bastante pequena no momento. Mas imagine se esta página tem mais e mais e mais longa e mais complexa. 

Observe que o padrão que eu adotei aqui é misturar minha estética com a estrutura de página usando o atributo de estilo. Para encurtar a história, este não é o melhor design, certamente, como suas páginas crescer mais complexo. Melhor projeto seria para fatorar que estilização e colocá-lo em algum lugar central, por exemplo, não em um estilo atribuem, mas de uma marca de estilo, especificamente uma marca de estilo dentro de tag cabeça da minha página. Vamos fazer exatamente isso. 

Primeiro vamos entrar aqui e apagar este estilo atribuir completamente. Em seguida, fazer o backup na cabeça de minha página, vamos declarar uma marca de estilo e fechá-lo em Ao mesmo tempo, então eu não se esqueça de mais tarde. E então vamos especificar que o corpo desta página deve ter um CSS propriedade text-align é o centro. Vamos agora salvar esta página, recarregar a navegador, e ver o que o efeito é. 

Recarregando em meu navegador - qualquer efeito. Mas nenhum efeito se pretendia. Estamos simplesmente melhorar projeto desta página.