비록 논쟁의 여지가 있지만 대부분의 CSS 개발자는 CSS 파일에서 쉽게 찾을 수있는 속성 때문에 여러 줄을 선호한다고 들었습니다. 그러나 이것이 전체적으로 CSS 파일을 더 크고 쉽게 읽을 수 없습니까? 싱글 라인을 사용하면 CSS 파일을 훨씬 빠르게 스캔 할 수 있다고 생각합니다. 이견있는 사람?한 줄 대 여러 줄 CSS 서식
답변
팀의 결정에 따라 모든 것이 중요합니다. 그러나 여기에 한 줄짜리 서식을 사용하는 이유는 무엇입니까?
CSS를 유지 관리해야 할 때 기존 선택기를 수정하려고 할 때가 많습니다. 모든 행의 시작이 스타일 선택이 아닌 새로운 선택자인 경우 찾을 수있는 선택기에 대한 문서를보다 쉽게 스캔 할 수 있습니다. 또한 필요한 것을 찾기 위해 스크롤하는 것이 적다는 것을 의미합니다.
편집해야하는 선택기를 찾으면 좋은 구문 강조 표시로 특정 선택기에 대한 규칙을 쉽게 읽을 수 있으므로 모든 스타일 선언을 한 줄에 표시하여 가독성을 잃지 않습니다 .
그 말은, 나는 그것이 파일 크기에 도움이된다고 말하지 않을 것이다. 필자는 효율적으로 선언 된 스타일 문서를 수동으로 유지하려고 시도하는 대신 YUI Compressor를 사용하여 자동으로 CSS를 압축합니다.
이것은 개인 스타일의 문제입니다. 귀하가 선택한 것이 무엇이든간에 일관성이 있는지 확인하십시오. 개인적으로 각 속성을 가독성을 위해 자체 행에 배치하는 경향이 있습니다.
개발 당시에 쉽게 찾을 수있는 스타일을 사용하십시오.
배포시 CSS 축소기를 사용하여 파일 크기를 줄일 수 있습니다. 파일 크기를 줄이는 데 도움이되는 많은 CSS 미니 파이어를 찾을 수 있습니다.
YUI compressor이 좋습니다.
자바 스크립트 코드와 마찬가지로 CSS를 팀의 표준에 맞는 방식으로 포맷하고 압축기가 배포 용으로 축소하도록 할 수 있습니다.
IMO 멀티 라인 CSS는 읽기 쉽기 때문에 더 좋습니다. 하지만 당신 팀의 표준을 따르고 시간을 낭비하지 말아주세요. :)
그리고 CSS 파일 크기가 걱정된다면 minify/compress입니다.
시간이 있다면 Official W3C CSS Test Suites을 사용하여 CSS의 유효성을 검사하는 데 약간의 시간을 할애해야합니다.
- 1. CSS 선 그래프 : 여러 줄?
- 2. Ruby로 줄 서식 지정
- 3. 편집시 한 줄 선언을 확장하는 CSS 편집기
- 4. JPQL은 한 줄 및/또는 여러 줄 주석을 사용합니까?
- 5. 두 가지 글꼴 크기 한 줄 CSS
- 6. CSS 줄 크기 속성
- 7. 한 행에 여러 줄 쿼리를로드하는 중
- 8. RegEx (php) - 여러 줄 단위로 줄 바꾸기
- 9. 여러 줄 입력란에 줄 바꿈 방지
- 10. 하스켈에서 여러 줄 오류보고보고
- 11. JSON의 여러 줄 요소?
- 12. 줄 바꿈을 한 번에 줄 바꿈으로 설정하는 방법은 무엇입니까?
- 13. 여러 줄 텍스트 오버플로
- 14. Vim : 긴 단일 줄 자동 서식 지정
- 15. 줄 정렬, HTML, CSS JAVASCRIPT
- 16. 한 줄 클래스 정의?
- 17. 디버깅 "한 줄"방법
- 18. CSS 글꼴 크기 마지막 줄
- 19. 어셈블리의 여러 줄 주석
- 20. 자바 7 - 여러 줄
- 21. vb.net의 여러 줄 주석
- 22. 여러 줄 texbox 검증
- 23. pyGTK 여러 줄 입력란?
- 24. NSTextFieldCell의 여러 줄
- 25. 텍스트에서 여러 줄 제거
- 26. 여러 줄 정규식 바꾸기
- 27. 여러 줄 단추 레이블
- 28. Qt QListWidgetItem 여러 줄
- 29. Makefile 변수 대 명령 줄
- 30. CSS 표 강제 줄 바꿈