2010-03-08 6 views
3

비록 논쟁의 여지가 있지만 대부분의 CSS 개발자는 CSS 파일에서 쉽게 찾을 수있는 속성 때문에 여러 줄을 선호한다고 들었습니다. 그러나 이것이 전체적으로 CSS 파일을 더 크고 쉽게 읽을 수 없습니까? 싱글 라인을 사용하면 CSS 파일을 훨씬 빠르게 스캔 할 수 있다고 생각합니다. 이견있는 사람?한 줄 대 여러 줄 CSS 서식

답변

6

팀의 결정에 따라 모든 것이 중요합니다. 그러나 여기에 한 줄짜리 서식을 사용하는 이유는 무엇입니까?

CSS를 유지 관리해야 할 때 기존 선택기를 수정하려고 할 때가 많습니다. 모든 행의 시작이 스타일 선택이 아닌 새로운 선택자인 경우 찾을 수있는 선택기에 대한 문서를보다 쉽게 ​​스캔 할 수 있습니다. 또한 필요한 것을 찾기 위해 스크롤하는 것이 적다는 것을 의미합니다.

편집해야하는 선택기를 찾으면 좋은 구문 강조 표시로 특정 선택기에 대한 규칙을 쉽게 읽을 수 있으므로 모든 스타일 선언을 한 줄에 표시하여 가독성을 잃지 않습니다 .

그 말은, 나는 그것이 파일 크기에 도움이된다고 말하지 않을 것이다. 필자는 효율적으로 선언 된 스타일 문서를 수동으로 유지하려고 시도하는 대신 YUI Compressor를 사용하여 자동으로 CSS를 압축합니다.

1

이것은 개인 스타일의 문제입니다. 귀하가 선택한 것이 무엇이든간에 일관성이 있는지 확인하십시오. 개인적으로 각 속성을 가독성을 위해 자체 행에 배치하는 경향이 있습니다.

1

개발 당시에 쉽게 찾을 수있는 스타일을 사용하십시오.

배포시 CSS 축소기를 사용하여 파일 크기를 줄일 수 있습니다. 파일 크기를 줄이는 데 도움이되는 많은 CSS 미니 파이어를 찾을 수 있습니다.

YUI compressor이 좋습니다.

0

자바 스크립트 코드와 마찬가지로 CSS를 팀의 표준에 맞는 방식으로 포맷하고 압축기가 배포 용으로 축소하도록 할 수 있습니다.

5

IMO 멀티 라인 CSS는 읽기 쉽기 때문에 더 좋습니다. 하지만 당신 팀의 표준을 따르고 시간을 낭비하지 말아주세요. :)

그리고 CSS 파일 크기가 걱정된다면 minify/compress입니다.

시간이 있다면 Official W3C CSS Test Suites을 사용하여 CSS의 유효성을 검사하는 데 약간의 시간을 할애해야합니다.