Site de design de padrões WEB, o método principal é usar XHTML + CSS, folha de estilo CSS é essencial. Para criar um site que esteja em conformidade com os padrões da web, você não pode criar páginas bonitas sem conhecer CSS.
Na verdade, todos os aspectos da apresentação precisam ser implementados com CSS. Costumávamos usar tabelas para posicionamento e layout, mas agora temos que usar DIV para posicionamento e layout. Esta é uma mudança de pensamento. É um pouco desconfortável no início. Para aproveitar os “benefícios” trazidos pelos padrões, vale a pena abrir mão de algumas práticas tradicionais antigas.
Chamando folhas de estilo externamente
No passado, normalmente usávamos folhas de estilo de duas maneiras:
Método inline de página: A folha de estilo é escrita diretamente na área principal do código da página. Algo assim:
A seguir está o conteúdo citado: <style type="text/css"> <!-- body { fundo: branco : preto } --> </style>; |
Método de chamada externa: escreva a folha de estilo em um arquivo .css separado e, em seguida, chame-a com um código semelhante ao seguinte na área principal da página.
A seguir está o conteúdo citado: <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> |
No design que atende aos padrões da web, usamos o método de chamada externa. Os benefícios são evidentes. Você pode alterar o estilo da página sem modificar a página e modificar apenas o arquivo .css. Se todas as páginas chamarem o mesmo arquivo de folha de estilos, a alteração de um arquivo de folha de estilos poderá alterar os estilos de todos os arquivos.
Use o método de tabela dupla para chamar a folha de estilo e visualizar o código original de alguns sites compatíveis com os padrões. Você poderá ver as duas frases a seguir onde a folha de estilo é chamada:
A seguir está o conteúdo citado: <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @importar url( css/style01.css );</style> |
Por que escrever duas vezes?
Na verdade, em circunstâncias normais, basta utilizar o método do link externo (ou seja, a primeira frase). A chamada de tabela dupla que uso aqui é apenas um exemplo. O comando "@import" é usado para inserir a folha de estilos. O comando "@import" é inválido em navegadores Netscape 4.0. Em outras palavras, quando você deseja que certos efeitos sejam ocultados no navegador Netscape 4.0 e exibidos no navegador 4.0 ou superior ou em outros navegadores, você pode usar o método de comando "@import" para chamar a folha de estilo.