이것은 대답하기 어려운 것입니다. 두 가지 옵션 모두 내 의견으로는 장단점이 있습니다.

개인적으로 하나의 거대한 CSS 파일을 읽는 것을 좋아하지 않으며 유지 관리가 매우 어렵습니다. 반면에 분리하면 추가 HTTP 요청이 발생하여 잠재적으로 속도가 느려질 수 있습니다.

내 의견은 두 가지 중 하나입니다.

1) CSS를 작성한 후에는 CSS가 변경되지 않는다는 것을 알고 있다면 개발 단계에서 여러 CSS 파일을 작성하고 (가독성을 높이기 위해) 수동으로 결합하여 라이브로 이동하기 전에 (http 요청을 줄입니다)

2) CSS를 한 번에 한 번 변경하고 읽을 수 있어야한다는 것을 알고 있다면 별도의 파일을 작성하고 코드를 사용하여 (어떤 종류의 프로그래밍 언어를 사용하는 경우) 런타임 빌드 시간 (런타임 축소 / 조합은 리소스 돼지입니다).

두 옵션 중 하나를 사용하면 http 요청을 더 줄이기 위해 클라이언트 측에서 캐싱하는 것이 좋습니다.

편집 : 코드 만 사용하여 런타임에 CSS를 결합하는 방법을 보여주는
이 블로그 를 찾았습니다 . 살펴볼 가치가 있습니다 (아직 테스트하지는 않았지만).

편집 2 :
디자인 타임에 별도의 파일을 사용하고 최소화하고 결합하는 빌드 프로세스를 사용했습니다. 이 방법으로 개발하는 동안 별도의 (관리 가능한) CSS를 가질 수 있으며 런타임에 적절한 모 놀리 식 축소 파일을 만들 수 있습니다. 런타임에 압축 / 축소를 수행하지 않기 때문에 정적 파일과 시스템 오버 헤드가 줄어 듭니다.

참고 : 쇼핑객 을 위해 빌드 프로세스의 일부로 번 들러 를 사용하는 것이 좋습니다 . IDE 내에서 빌드하든 빌드 스크립트에서 빌드 exe하든 번 들러는 포함 된 것을 통해 Windows에서 실행되거나 이미 node.js를 실행중인 모든 시스템에서 실행될 수 있습니다.

답변

<link rel="stylesheet" type="text/css" href="allcss.php?files=positions.css,buttons.css,copy.css" />