Autor: CAANHOTA MAP | Publicado: 2013-09-09T08:03:00-07:00


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; css

Qual é finalidade das CSS?
        
A finalidade das CSS é a de retirar da marcação 
toda e qualquer declaração que vise  a apresentação do documento. Isto 
significa dizer que tags do tipo &lt;font&gt;,  &lt;b&gt;, &lt;i&gt;
 bem como uso de colunas e linhas de tabelas para obtenção de 
espaçamentos não são admitidos ou admitidos com restrições em um projeto
 Web com CSS. Vale dizer simplificando: HTML para estruturação e CSS para apresentação. 

          As tags &lt;b&gt; e &lt;i&gt; 
cumprem finalidade unicamente de apresentação. Elas não têm qualquer 
efeito sobre tecnologias assistivas. Foram criadas à época antiga de 
marcar documentos web e basicamente calcados em estruturação  para  
mídia tipográfica, não imputando qualquer relevância ao texto com elas 
marcado e nada significam para leitores de tela ou mecanismos de busca 
por exemplo. Não estão em desuso, são previstas na HTML5, podem e devem ser usadas se a sua intenção é a de contemplar somente mídia visual.
          As tags &lt;strong&gt; e &lt;em&gt;, estas sim, são interpretadas por todas as tecnologias assistivas e devem ser usadas em substituição a &lt;b&gt; e &lt;i&gt; se a sua intenção é a de contemplar estas tecnologias.

Quais as vantagens de se usar CSS  ?
        
Inúmeras são as vantagens do uso das CSS nos documentos Web. Eis uma relação das principais: 

        
controle total sôbre a apresentação do site a partir de um arquivo central;
agilização da manutenção e redesign do site;
saida para diferentes tipos de mídia a partir de uma versão única de HTML;
redução do tempo de carga dos documentos Web;
adequação simplificada aos critérios de acessibilidade e usabilidade;
elaboração de documentos consistentes com as aplicações de usuários futuras;
aumento considerável na portabilidade dos documentos Web.

Como é determinada a ordem para o efeito  
        cascata?
        
 A ordem para o efeito cascata é a ordenação das regras CSS de acordo 
        com critérios pré-estabelecidos, com a finalidade de resolver 
        eventuais conflitos entre regras. E estes critérios são 
        os abaixo enumerados:

        
 
          Localizadas todas as regras CSS aplicáveis ao seletor/propriedade, 
            determina-se a especificidade de cada uma delas. A regra mais especifica 
            entre as conflitantes será aplicada.
          Se não for encontra uma (ou mais) regra aplicável ao 
            elemento HTML, este herdará as propriedades de estilo de seu 
            elemento pai. Não havendo elemento pai será aplicado 
            o valor inicial default de estilo para aquele elemento
        
 
          Regras com declaração importante (! important) tem 
            prioridade sobre aquelas sem a declaração. Se o autor 
            e o usuário declaram regras conflitantes com !important, as 
            do usuário têm prioridade sobre as do autor.
        
 
          Regras com mesmo peso (sem !important) e conflitantes, declaradas 
            pelo autor têm prioridade sobre aquelas declaradas pelo usuário. 
            Regras do usuário com maior especificidade que aquelas do autor 
            têm a prioridade. Regras com igual especificidade declaradas 
            pelo autor têm prioridade sobre as do usuário. Regras 
            do autor e do usuário têm prioridade sobre as regras 
            default das aplicações do usuário (p.ex.: o browser)
        
 
          Regras mais específicas têm a prioridade sobre as menos 
            específicas.
        
Entre regras de mesmo pêso, têm prioridade aquelas declaradas 
          por último na sequência das regras na folha de estilos. 
          Folhas de estilo inline, incorporadas, lincadas e importadas (@import) 
            nesta ordem, têm do maior para o menor pêso (estilos inline 
            têm o maior pêso). Entre várias folhas de estilo 
            lincadas têm maior prioridade aquela importada por último 
            (mais próxima da tag &lt;/head&gt;. O mesmo ocorre entre as 
            folhas importadas (@import)&nbsp;

Declaração CSS e o fragmento de uma regra CSS dentro 
          dos colchetes { }. A declaração CSS compõe-se de 
          duas partes: a propriedade e o valor e uma regra CSS pode conter várias 
          declarações separadas por um ponto-e-vírgula.