TopStyle Pro 사용 팁

TopStyle Pro는 CSS 디자인에 중점을 둔 보조 도구로, 많은 기능을 갖추고 있으며 오류 작성 가능성을 줄이기 위한 CSS 코드 검사 기능도 함께 제공됩니다. 특히, HELP 파일에 CSS 지침이 자세히 소개되어 있어 참고 문서로 사용하기에도 적합하며, CSS를 처음 접하는 사람들이 배우기에도 매우 적합합니다. TopStyle Pro의 사용법을 소개하겠습니다:

문자 주석: Shift+Ctrl+M

오른쪽 들여쓰기: Shift+Ctrl+.

왼쪽 들여쓰기:Shift +Ctrl+,

다음 CSS:Ctrl+]

이전 CSS:Ctrl+[

색상 선택:Shift+Ctrl+C

저장

앞으로는 되돌릴 수 없습니다(Ctrl+Z)~

옵션 위치: 옵션--편집기--저장 후 실행 취소 활성화 선택

자동 바꾸기

예를 들어 "!i"를 입력한 다음 공백을 누르면 TopStyle이 자동으로 "!i"를 "!important"로 바꿉니다.

옵션 위치: 옵션-- Editor- -자동 바꾸기 바로가기 입력을 직접 추가할 수도 있습니다.

옵션 위치: 옵션--편집기--규칙 축소 규칙 축소 활성화 선택

빠른 확인

바로가기 메뉴의 W3C CSS 검사기 및 W3C HTML 유효성 검사기 버튼은 편집 후 단 한 번의 클릭으로 검증 통과 여부를 알 수 있어 매우 편리합니다.

Style Sweeper

다음은 TopStyle에 내장된 CSS 구성 기능인 Style Sweeper에 대한 권장 사항입니다. CSS를 매우 깔끔하고 표준화하여 정리할 수 있습니다. 아주 좋은 기능입니다.

옵션 위치: 도구--스타일 스위퍼규칙 규칙 패널: 규칙 형식은 한 줄 및 여러 줄 표시를 설정할 수 있습니다. 결합 규칙은 동일한 속성을 가진 CSS를 결합할지 여부를 설정합니다.

Selectors 선택자 패널:Selector Case 선택자의 대소문자를 설정합니다. 선택기 순서는 선택기의 정렬 방법을 설정합니다.

속성 속성 패널: Property Case 속성의 대소문자를 설정합니다. 속성 순서는 속성의 순서를 설정합니다.

단축 속성 약어 속성 패널: 글꼴, 배경, 여백, 패딩 속성을 약어로 선택할 수 있습니다.

기타 기타 속성 패널: 색상 형식 색상 형식: 16진수, RGB, 색상 이름 등을 선택할 수 있습니다.