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 유효성 검사기 및 W3C HTML 유효성 검사기 버튼을 사용하여 편집 후 한 번만 확인하면 매우 편리합니다. 딸깍 하는 소리.
아래의 스타일 시트 클리너는 자체 CSS 구성 기능을 갖춘 TopStyle을 강력히 권장합니다. 스타일 스위퍼. CSS를 매우 깔끔하고 표준화하여 정리할 수 있습니다. 아주 좋은 기능입니다.
옵션 위치: 도구--스타일 스위퍼
규칙 규칙 패널: 규칙 형식 표시할 한 줄과 여러 줄을 설정할 수 있습니다.
결합 규칙은 동일한 속성을 가진 CSS를 결합할지 여부를 설정합니다.
선택기 선택기 패널: 선택기 케이스 선택기의 대소문자를 설정합니다.
선택기 순서는 선택기의 정렬 방법을 설정합니다.
속성 패널: 속성 대소문자는 속성의 대소문자를 설정합니다.
속성 순서는 속성의 순서를 설정합니다. 단축 속성 약어 속성 패널: 글꼴, 배경, 여백, 패딩 속성을 약어로 선택할 수 있습니다.
기타 기타 속성 패널:
색상 형식 색상 형식: 16진수, RGB, 색상 이름 등을 선택할 수 있습니다.
이 모든 것을 말하면서도 저는 여전히 모든 사람이 실제로 CSS 능력을 지속적으로 향상시킬 수 있기를 바랍니다. TopStyle은 훌륭한 도우미입니다!