2013-04-10 4 views
0

Aptanastudio 3. 이 같은 CSS 포맷터 형식 :Aptana의 사용자 정의 CSS 코드 포맷

H1 { 
color: white; 
background: teal; 
FONT-FAMILY: arial, helvetica, lucida-sans, sans-serif; 
FONT-SIZE: 18pt; 
FONT-STYLE: normal; 
FONT-VARIANT: normal 
} 

미안은 (한 줄에 모두)이 같은 코드를 작성하는 편집하려고 :

하는 CSS 포맷 옵션에서
H1 { color: white; background: teal; FONT-FAMILY: arial, helvetica, lucida-sans, sans-serif; FONT-SIZE: 18pt; FONT-STYLE: normal; FONT-VARIANT: normal} 

, 내가 편집 할 수 있습니다 쉼표 사이의 공백, 세미콜론 등 ..하지만 내가 원하는 방식으로 코드를 편집하는 방법을 찾을 수 없습니다.

답변

1

중괄호를 자동 완성 할 때 입력을 누르지 않고 H1 {}을 입력하면 규칙을 입력하기 만하면됩니다. 또한 자동 포매터에 의존하지 마십시오. 희귀 한 예외 (Aptana는 그 중 하나가 아니며, 웹 애플리케이션 용 Aptana를 사랑하고 매일 사용합니다.) 코드 용 자동 포맷터는 원하는 것을 정확하게 수행하지 않습니다.

나는 당신이 원하는 방식으로 자신의 CSS를 작성하는 것을 강력하게 권고한다. 첫 번째 방법은 많이 읽기 쉽습니다. 또한 대부분의 호스팅 솔루션과 많은 프레임 워크 (예 : Rails)가 코드를 축소합니다. 그리고 비록 당신의 것이 아니라해도 당신은 그것을 아주 쉽게 스스로를 아주 작게 만들 수 있습니다.

개발시 : 가독성 = 유지 관리성이 항상 큰 값을 가지며 여기 저기에 몇 개의 저장된 바이트가 있습니다.

+0

의견을 보내 주셔서 감사합니다. 드루팔 (Drupal에 대한 반응 형 테마를 작성했기 때문에 필요합니다. css 파일에는 다른 화면 크기에 대한 다른 값이 포함되어 있으며 각 화면 크기에 사용할 수있는 모든 클래스/태그를보기 위해 easly로 읽을 수 있도록하고 싶었습니다 (한 줄에 표시하는 경우 스크롤이 적음). –