Вы можете подумать, что Блокнот не лучший вариант для написания CSS. Существуют ли какие-либо инструменты редактирования CSS, которые могут повысить эффективность нашего кодирования?
TopStyle (нажмите, чтобы загрузить: TopStyle V3.5 Beta 4) — это инструмент редактирования CSS, который я использовал сначала случайно и не изучал его внимательно, но затем я внимательно рассмотрел внутренние функции и нашел. что его функции действительно мощные!
Позвольте мне поделиться своим опытом здесь. Сочетания клавиш, которые я обычно использую при редактировании CSS:
Текстовые аннотации: Shift+Ctrl+M.
Отступ вправо: Shift+Ctrl+.
Отступ влево: Shift+Ctrl+,
Следующий CSS: Ctrl+]
Предыдущий CSS: Ctrl+[
Выбор цвета: Shift+Ctrl+C.
Невозможно отменить (Ctrl+Z) после сохранения?
Давайте изменим его. Расположение параметра: «Параметры» — «Редактор» — выберите «Включить отмену после сохранения»
для автоматической замены. Например, если вы наберете «!i» и затем нажмете пробел, TopStyle автоматически заменит «!i» на «! важный"
Расположение опции: «Параметры» — «Редактор» — «Автозамена». Вы также можете добавить ярлык для ввода самостоятельно.
CSS-дерево
Вам иногда кажется, что CSS слишком много и его трудно просматривать? TopStyle предоставляет сокращенную форму, которая скрывает содержимое CSS и отображает только имя селектора, что очень удобно.
Расположение параметра: Параметры — Редактор — Свертывание правил. Выберите «Включить свертывание правил»
, чтобы быстро проверить. Кнопки W3C CSS Validator и W3C HTML Validator в контекстном меню очень удобны. После редактирования вы можете узнать, прошла ли проверка, всего одна. щелкните.
Приведенный ниже очиститель таблиц стилей настоятельно рекомендует TopStyle с собственной функцией организации CSS. Подметальная машина стиля. Он может организовать ваш CSS очень аккуратно и стандартизированно. Очень приятная функция.
Расположение параметра: Инструменты — Правила Style Sweeper
Панель «Правила»: Формат правила Можно настроить отображение одной или нескольких строк.
Правила объединения определяют, будут ли объединяться CSS с одинаковыми свойствами.
Панель выбора селекторов: «Регистр селектора» устанавливает регистр селектора.
Порядок селекторов задает метод сортировки селекторов.
Панель свойств: «Регистр свойства» устанавливает регистр свойства.
Порядок свойств устанавливает порядок свойств. Панель свойств сокращений сокращенных свойств: вы можете сократить свойства шрифта, фона, полей и отступов.
Другие Другие панели свойств:
Формат цвета Формат цвета: вы можете выбрать шестнадцатеричный формат, RGB, название цвета и т. д.
Сказав все это, я все еще надеюсь, что каждый сможет продолжать совершенствовать свои навыки работы с CSS на практике. TopStyle — хороший помощник!