comentários do CSS

cada linguagem de programação permite-lhe adicionar notas e outras dicas que o ajudam a compreender o que se passa. Nem todos os CSS são tão compreensíveis à primeira vista como, digamos, algo como font-size: 20px, então algumas seções de código podem se beneficiar de adicionar notas ou outras dicas em suas proximidades. Aqui está um exemplo:

.cf { zoom: 1; /* for IE6 and IE7 */}

O comentário desta linha de código é a parte que diz “para IE6 e IE7,” e é identificada como tal pelo precedente barra invertida seguida de um asterisco e asterisco e uma barra invertida no final.,

Podemos adicionar tantos destes à nossa folha de estilo como quisermos, e é uma boa prática usar comentários CSS para ajudar a identificar partes de qualquer folha de estilo que possam ser difíceis de entender a partir de um olhar superficial. Usando comentários CSS para tornar nossas folhas de estilo mais legíveis, o CSS será mais fácil de manter no futuro.

um comentário CSS pode abranger várias linhas, se necessário. Tudo o que estiver entre os caracteres de comentário de abertura e fechamento será ignorado pelo navegador, assim como os próprios caracteres de comentário., Tantas vezes você vai ver algo assim em um arquivo CSS:

/*******************************************************These are the styles forthe header section*******************************************************/

note que, neste exemplo, não só eu incluí os caracteres asterisco de abertura e fechamento e backslash, mas eu também adicionei alguns caracteres asteriscos extras abrangendo várias linhas. Isto torna o comentário fácil de encontrar ao deslocar-se através do ficheiro CSS. Adicionar títulos de secção Como este em CSS para ajudar a organizá-lo em pedaços de código legíveis e relacionados.

Infelizmente, o CSS não tem uma maneira fácil de apresentar um comentário Válido de uma única linha que usa apenas uma combinação de caracteres de comentário de abertura., Por exemplo, em JavaScript, você pode comentar uma única linha de código como este:

// This is a JavaScript comment

Isto é útil em JavaScript, pois isso torna mais fácil para anular toda uma linha de código, ou adicionar um comentário útil, com apenas dois personagens (as barras invertidas). Mas em CSS é necessário usar os caracteres de abertura e fechamento para especificar os limites de quaisquer comentários.

para correções rápidas e temporárias, no entanto, é aceitável criar uma espécie de falso comentário CSS aplicando o princípio que discutimos na seção anterior sobre erros CSS., Suponhamos que temos o seguinte CSS:

.center-global { max-width: 1020px; margin: 0 auto;}

E vamos dizer que queremos remover temporariamente a primeira linha (max-width declaração). Nós poderíamos fazer isso:

.center-global { /* max-width: 1020px; */ margin: 0 auto;}

Isso funciona bem, mas de uma maneira mais rápida de conseguir o mesmo resultado é simplesmente colocar alguns caracteres aleatórios no início da linha, assim:

.center-global { AAAAmax-width: 1020px; margin: 0 auto;}

É rápido e eficaz, mas nunca deixe o seu CSS como esta em um site. Não é CSS válido e só deve ser usado em desenvolvimento para fazer depuração rápida.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *