Quizás pienses que el Bloc de notas no es el mejor al escribir CSS. ¿Existen herramientas de edición de CSS que puedan mejorar la eficiencia de nuestra codificación?
TopStyle (haga clic para descargar: TopStyle V3.5 Beta 4) es una herramienta de edición de CSS que he estado usando al principio y no la estudié detenidamente, pero luego miré más de cerca las funciones que contiene y encontré. que sus funciones son realmente poderosas!
Permítanme compartir mi experiencia aquí Las teclas de método abreviado que uso comúnmente al editar CSS:
Anotación de texto: Shift+Ctrl+M.
Sangría a la derecha: Mayús+Ctrl+.
Sangría izquierda: Mayús+Ctrl+,
Siguiente CSS: Ctrl+]
CSS anterior: Ctrl+[
Seleccionar color: Mayús+Ctrl+C
¿No se puede deshacer (Ctrl+Z) después de guardar?
Cambiemos la ubicación de la opción: Opciones - Editor - seleccione Habilitar deshacer después de guardar
para reemplazar automáticamente. Por ejemplo, si escribe "!i" y luego presiona un espacio, TopStyle reemplazará automáticamente "!i" con "! importante"
Ubicación de la opción: Opciones--Editor--Reemplazo automático También puede agregar entradas de acceso directo usted mismo.
CSS del árbol
¿A veces sientes que hay demasiado CSS y que resulta difícil navegar? TopStyle proporciona una forma abreviada que oculta el contenido CSS y solo muestra el nombre del selector, lo cual es muy conveniente.
Ubicación de la opción: Opciones - Editor - Colapsamiento de reglas Seleccione Habilitar colapso de reglas
para verificar rápidamente Los botones W3C CSS Validator y W3C HTML Validator en el menú contextual son muy convenientes. Después de editar, puede saber si la verificación pasó con solo uno. hacer clic.
El limpiador de hojas de estilo que aparece a continuación recomienda encarecidamente TopStyle con su propia función de organización CSS. Barredora de estilo. Puede organizar su CSS de forma muy clara y estandarizada. Una característica muy agradable.
Ubicación de la opción: Herramientas - Reglas de barrido de estilo
Panel de reglas: Formato de regla Puede configurar una sola línea o varias líneas para mostrar.
Combinar reglas establece si se combinarán CSS con las mismas propiedades.
Panel selector de selectores: Selector Case establece el caso del selector.
El orden del selector establece el método de clasificación de los selectores.
Panel de propiedades: Caso de propiedad establece el caso de la propiedad.
El orden de las propiedades establece el orden de las propiedades. Panel de propiedades de abreviatura de Propiedades abreviadas: puede optar por abreviar las propiedades de fuente, fondo, margen y relleno.
Otros Otros paneles de propiedades:
Formato de color Formato de color: Puede elegir hexadecimal, RGB, nombre del color, etc.
Habiendo dicho todo esto, todavía espero que todos puedan continuar mejorando sus habilidades CSS en la práctica. ¡TopStyle es una buena ayuda!