Os gabaritos de página e folhas de estilo controlam a aparência e o comportamento comuns de um Web site, embora eles possam ser utilizados para complementar uns aos outros. Por exemplo, você pode utilizar um gabarito de página para controlar o layout e as áreas de conteúdo do site e utilizar a folha de estilo para controlar a exibição visual de tags, como tamanho de fonte e cor. Em geral, os gabarito de página controlam o local de dados na página, enquanto as folhas de estilo controlam a aparência desses dados.
Um gabarito de página é um modelo para outras páginas. Para criar um gabarito, inicie criando uma página da Web comum e incluindo elementos nela, como imagens, texto e tabelas. Cada elemento colocado no gabarito aparecerá nas páginas individuais vinculadas ao gabarito. Isso assegura que as páginas pareçam iguais.
Então, inclua áreas de conteúdo no gabarito. As áreas de conteúdo são as partes do gabarito em que cada página individual terá o seu conteúdo próprio. Ao abrir uma página que está vinculada a um gabarito, você pode editar apenas dentro das áreas de conteúdo do gabarito.
Uma folha de estilo controla a aparência do texto, tabelas, imagens e outros elementos nas páginas da Web. Por exemplo, você pode definir todos os títulos de primeiro nível no site para a mesma cor, tamanho e fonte. Quando você altera a definição para o texto de título de primeiro nível na folha de estilo, o texto correspondente em cada página é alterado para corresponder a ela.