CSS inline permite criar estilos CSS em seu código HTML. Quando você cria seu tema Drupal , você usa CSS inline para criar rapidamente o layout, mas antes de distribuir o seu tema , você cria um arquivo CSS separado e mover a CSS embutida nas tags HTML em um arquivo CSS externo padrão que você usa para incluir o seu o layout do tema . Instruções
1

o botão direito do mouse no arquivo HTML tema e clique em " Abrir com". Clique no seu editor de HTML preferido para abrir o código do tema no seu editor . Clique no Windows botão " Iniciar" e digite " notepad" na caixa de texto de pesquisa e pressione " Enter". Agora você tem o seu tema HTML e uma janela separada na qual o bloco de notas que você criar o arquivo CSS.

2

Localize a tag "body" . Esta tag contém os estilos para o conteúdo principal da página . Os estilos inline estão localizados na propriedade " estilo " da marca . Você quer copiar esse estilo e colocá-lo no arquivo CSS que você cria.
3

Copie a tag estilo de corpo para a janela do Bloco de Notas. Formate o estilo para o arquivo CSS. O código a seguir é um exemplo de um estilo CSS corpo formatado para uma folha de estilo externa :

body { background-color : gray ;}
4

Continue adicionando cada um dos seus estilos inline de o arquivo HTML para o arquivo CSS. Depois de concluir a conversão , salve o arquivo bloco de notas com uma extensão de CSS. Normalmente, os desenvolvedores salvar um arquivo CSS como " styles.css ".
5

Vincular o novo estilo dentro do arquivo HTML para o tema. Adicione o seguinte código na seção head do arquivo HTML para aplicar o CSS no arquivo HTML:

< link rel = tipo de " estilo " = "text /css" href = "estilos . css "/>
6

Salve o arquivo HTML e abri-lo no seu navegador da Web para testar os novos estilos CSS para o layout deles.