CSS (Cascading Style Sheets, folhas de estilo em cascata) | |
Marcação nas páginas | |
Estilos CSS podem ser aplicados de três maneiras diferentes, de acordo com a abrangência dentro do site: 1) As especificações de layout podem ser aplicadas a partir de arquivos anexados à página entre as marcações <head> </head> localizadas em arquivos.css anexos às páginas: <link rel="stylesheet" type="text/css" href="arquivos/stylesheet.css" /> A atualização destes arquivos externos altera o layout de todas as páginas ao mesmo tempo. ► Exemplo de configurações Os estilos podem ser divididos em vários arquivos externos, de diferentes abrangências, como por exemplo: Um arquivo CSS com características do site todo e outro com características específicas de uma página, grupo de páginas ou partes de uma página .► Exemplo Um arquivo CSS anexo e CSSs aplicados a apenas uma página na "cabeça" (<head>) da página. ► Exemplo
<style type="text/css"> 3) Estilos CSS podem ser aplicados também dentro das marcações de HTML. Exemplo: ■ A ordem de precedência de configurações que atuam de maneira semelhante ou superposta é simples: a última marcação predomina. A ordem de precedência é a seguinte: 1) Estilo definido pelo browser (default). 2) Estilo CSS externo. 3) Estilo CSS interno de cada página. 4) Estilo aplicado nas marcações dos elementos HTML. ■ Os estilos CSS podem ser também a visualização dos sites em diferentes mídias, com as marcações: all - aplicável a todas os dispositivos. Estas marcações fazem parte dos padrões do CSS 2, mas sua adoção tem sido lenta. Os valores das configurações "screen" e "print" já são amplamente compatíveis com a maioria dos browsers e dispositivos, mas as outras configurações ainda não são muito precisas. A configuração para a mídia "handheld" só é aceita por alguns dispositivos móveis e programas. A configuração "projection" é apenas aceita pelo browser Opera. E praticamente não existe suporte para "braille", "tv", "tty", "embossed" e "aural". Para garantir resultados razoavelmente previsíveis, é necessário testar bastante cada configuração em diferentes situações de hardware e software. Assuntos relacionados ► Referências bibliográficas Mais informação sobre o assunto (links externos) | |
| ▲ Alto |
Atualizado: 9.4.2008
Projetos web