Logo quando o HTML foi criado, no início da década de 90, as técnicas de formatação de sites ainda eram muito simples, sem qualquer tipo de sofisticação que os diferenciasse uns dos outros. Todos eles apresentavam estruturas padronizadas, ou seja, a página tinha a mesma estrutura independentemente da intenção comunicativa do site. Não havia, portanto, uma preocupação em diferenciar os elementos ali presentes, como a variedade de cores e fontes, e em relação à própria localização de imagens e palavras.
Apresentação de páginas virtuais
No entanto, com o tempo, houve uma necessidade de personalizar essas páginas para deixá-las com um visual mais atraente. Essa estratégia visava um aumento significativo de visitação aos sites e, consequentemente, uma divulgação mais ampla de ideias, bem como um maior número de vendas de produtos, dependendo da finalidade do site. Nos últimos anos, o HTML tem atingido grandes inovações e proporcionado visualizações bem diferenciadas, sendo um artifício importantíssimo na representação virtual de qualquer tipo de empresa.
Para o professor Sérgio Antônio dos Santos, bacharel em sistemas de informação e desenvolvedor web há mais de 10 anos, a formatação do site é tão importante quanto a sua estética. Cientes disso, os programadores perceberam uma necessidade de combinar conjuntos de textos e imagens, ou seja, hoje em dia, há uma grande preocupação em relação aos processos de estilização e formatação de conteúdos virtuais. Cascading Style Sheet (CSS), ou Folha de Estilo em Cascata, dá estilo aos sites, além de mantê-los organizados, separando o formato do conteúdo de cada página da web.
Cascading Style Sheet – CSS
O CSS é uma linguagem de estilo que pode ser divida em três tipos:
– Estilo inline: Quando os estilos CSS são aplicados diretamente dentro da tag de abertura de um elemento HTML. No entanto, este tipo de uso das CSS não é recomendado e encontra-se em desuso entre os profissionais que estruturam as páginas da web;
– Estilo incorporado: Não é o mais recomendado, pois seus estilos escritos ficam restritos a um único documento, impossibilitando a reutilização dos mesmos em outras páginas do projeto web. Neste método, você declara a folha de estilo diretamente dentro da seção head do documento HTML, utilizando o elemento style;
– Estilo externo: Este é o mais indicado, pois os códigos CSS se concentram em um documento externo ao documento HTML, separando assim as camadas de estrutura e apresentação do projeto web. Elas podem ser linkadas ou importadas. Esse estilo de CSS se difere daquele por ser feito através da diretiva @import dentro do elemento style, na seção head do documento HTML.
Propriedades da caixa
As propriedades de caixa sofrem algumas alterações pelo CSS. O elemento DIV faz parte do HTML, representa três caixas identificadas com a classe conteúdo-principal: <div> caixa 1 </div>; <div> caixa 2 </div> e <div> caixa 3 </div>. Quando os três elementos DIVs estão utilizando a mesma classe conteúdo-principal, as caixas aparecem formatadas de maneira idêntica. Em CSS toda a formatação que for atribuída ao seletor conteúdo-principal servirá para as três caixas simultaneamente e se aplicará ao código HTML.
Propriedades do CSS
No CSS, há diferentes propriedades responsáveis por determinadas funções, como height, width, margin, padding e border. Segue abaixo uma breve explanação das características de cada um:
Height – Define a altura da caixa;
Width – Define a largura da caixa;
Margin – Define uma margem externa à caixa;
Padding – Define uma margem dentro da caixa;
Border – Define uma borda para a caixa.
Como desenvolver sites de qualidade
Por Camila Guimarães Ribeiro
Este conteúdo pode ser publicado livremente, no todo ou em parte, em qualquer mídia, eletrônica ou impressa, desde que contenha um link remetendo para o site www.cpt.com.br.
Deixe seu comentário
Informamos que a resposta será publicada o mais breve possível, assim que passar pela moderação.
Obrigado pela sua participação.