Para projetar um site baseado em padrões da web, o método de transição usa principalmente XHTML + CSS, e folhas de estilo CSS são essenciais. Isso exige que todos os web designers sejam proficientes em CSS. Se você ainda não o usou, comece a aprender agora. 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 na forma de pensar, o que é um pouco desconfortável no início. Haha, haverá resistência a qualquer mudança. Para aproveitar os benefícios dos padrões, vale a pena abandonar 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:
<style type=texto/css> <! ――corpo { fundo: branco; cor: preto }――> </style>
Método de chamada externa: escreva a folha de estilo separadamente. css e, em seguida, chame-o com um código semelhante ao seguinte na área principal da página.
<link rel=folha de estilo rev=folha de estilo href=css/style.css type=text/css media=all />
Em um design que atende aos padrões da web, usamos o método de chamada externa. Os benefícios são evidentes. Você só pode modificar a página sem modificá-la. css para alterar o estilo da página. 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.
Método de tabela dupla chamando folha de estilo
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all /> <style type=text/css media=all> @import 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 no navegador Netscape 4.0. Em outras palavras, quando você deseja que determinados 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 estilos.