Você pode pensar que o Bloco de notas não é o melhor para escrever CSS. Existe alguma ferramenta de edição de CSS que pode melhorar a eficiência de nossa codificação?
TopStyle (clique para baixar: TopStyle V3.5 Beta 4) é uma ferramenta de edição CSS que tenho usado. No início, usei-a aleatoriamente e não a estudei com atenção. que suas funções são realmente poderosas!
Deixe-me compartilhar minha experiência aqui. As teclas de atalho que costumo usar ao editar CSS:
Anotação de texto: Shift+Ctrl+M.
Recuar para a direita: Shift+Ctrl+.
Recuar à esquerda: Shift+Ctrl+,
Próximo CSS: Ctrl+]
CSS anterior: Ctrl+[
Selecione a cor: Shift+Ctrl+C
Não é possível desfazer (Ctrl+Z) depois de salvar?
Vamos mudar a localização da opção: Opções - Editor - selecione Ativar desfazer após salvar
para substituir automaticamente. Por exemplo, se você digitar "!i" e pressionar um espaço, o TopStyle substituirá automaticamente "!i" por "! importante"
Localização da opção: Opções--Editor--Substituição automática Você também pode adicionar entradas de atalho.
Árvore CSS
Você às vezes sente que há muito CSS e é difícil navegar? TopStyle fornece um formulário abreviado que oculta o conteúdo CSS e exibe apenas o nome do seletor, o que é muito conveniente.
Localização da opção: Opções--Editor--Recolhimento de regras Selecione Ativar recolhimento de regras
para verificar rapidamente Os botões W3C CSS Validator e W3C HTML Validator no menu de atalho são muito convenientes. Após a edição, você pode saber se a verificação foi aprovada com apenas um. clique.
O limpador de folhas de estilo abaixo recomenda fortemente o TopStyle com sua própria função de organização CSS. Varredor de estilo. Ele pode organizar seu CSS de maneira muito organizada e padronizada. Um recurso muito bom.
Local da opção: Ferramentas -
Regras do Style Sweeper Painel Regras: Formato da regra Você pode definir uma única linha e múltiplas linhas para exibição.
Combinar regras define se CSS com as mesmas propriedades será combinado.
Painel seletor de seletores: Selector Case define a caixa do seletor.
A ordem do seletor define o método de classificação dos seletores.
Painel Propriedade: Propriedade Case define o caso da propriedade.
A ordem das propriedades define a ordem das propriedades. Painel de propriedades de abreviação de Propriedades abreviadas: você pode optar por abreviar as propriedades de fonte, plano de fundo, margem e preenchimento.
Outros Outros painéis de propriedades:
Formato de cor Formato de cor: você pode escolher hexadecimal, RGB, nome da cor, etc.
Dito tudo isso, ainda espero que todos possam continuar a melhorar suas habilidades de CSS na prática. TopStyle é um bom ajudante!