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