Adicionar comentários aos seus arquivos CSS pode ser uma grande ajuda para você e outras pessoas durante o processo de desenvolvimento, se usado corretamente. O mais comum é adicionar informações de dicas às regras de estilo CSS, mas usar comentários também é útil para otimizar a estrutura organizacional e melhorar a utilidade.
Dicas e tags
Esta é a maneira mais comum de fazer anotações. Você pode deixar dicas para você ou para outros desenvolvedores para evitar confusões e problemas desnecessários mais tarde. Essa simplicidade de aplicação é fundamental. Por exemplo:
/* Desativar bordas para imagens vinculadas */
img { border: 0 }
Carimbos de data e hora e assinaturas
Muitos designers e desenvolvedores marcam os arquivos CSS atualizados mais recentemente com a data e a hora, bem como seus nomes. Eles nos fornecerão algumas informações de contato e atualizações de documentação.
/* Estilos atualizados: Qui 4.8.08 às 17h15 Autor: 52CSS.com ——-*/
Este método pode ser muito útil para um projeto, especialmente se você fizer parte de uma equipe. Esteja avisado que algumas organizações exigem que essas informações sejam deixadas no documento, e algumas empresas gostam de deixar nomes e datas fora do documento, por isso é melhor esclarecer essas coisas antes de começar.
É
uma boa ideia usar comentários para indicar diferentes seções do seu documento CSS. Por exemplo, se todas as informações do cabeçalho estiverem agrupadas, você poderá usar comentários para distingui-las do estilo de bloco abaixo.
/* HEADER ————————————————-*/
Vou elaborar mais sobre isso a seguir, mas agora vamos primeiro discutir como “separar tipos de estilo”
tags de anotação
se seu CSS Se os arquivos são divididos em blocos como mencionei acima, o uso de marcadores de comentários pode funcionar com a função "localizar" para permitir que você alterne facilmente entre várias partes do documento. Marque um capítulo (Capítulo), como usando o sinal de igual "=", e depois adicione um nome de bloco depois dele, como "HEADER", criando assim uma "âncora" para seu documento CSS.
/* =HEADER ————————————————-*/
Este método é especialmente útil em folhas de estilo com conteúdo complexo.