css 파일을 구성하는 방법은 무엇입니까?

Question

내 사이트가 많은 CSS 파일에 의존 할 때, 나는 그것이 엉망이라는 것을 깨닫습니다. 즉, 나는 다른 팀의 다른 CSS 파일을 사용하고, 나는 그것들을 내 것과 함께 집어 넣는다. 흠, 그럼 많은 파일!. 나는 그들을 조직하는 데에 걸린다. 누구든지 좋은 해결책이 있습니까?

Answer 1

비슷한 질문에 대한 답변을 볼 수 있습니다. 이름 및 파일 및 일반 CSS 구성 정보.

Managing CSS conflicts

Answer 2

귀하의 '모두 하나 개의 욕조에'접근 방식은 서로-다른 CSS 정의를 짓밟을 수 있습니다 제안합니다. 각 CSS 파일을 포함하는 순서에 따라 사이트에 큰 영향을 줄 수 있습니다.

쉬운 대답은 아닙니다. 다른 팀이 같은 방식으로 작업하도록하거나, 모두 CSS를 한 곳으로 제공하는 버전 관리 시스템을 사용하여 다른 팀과 협력해야합니다.

Answer 3

중복 된 규칙 및 속성을 제거한 후에 cssmerge을 사용하여 파일을 병합 할 수 있습니다.

Answer 4

저는 사람들이 CSS 파일을 그룹화하고 이름 충돌을 방지하는 방법에 대해 정말로 관심이 있습니다.

하지만 프로덕션 릴리스에 CSS를 패키지하는 방법을 고려해야한다고 생각합니다. 실제로 사용하는 프레임 워크와 응용 프로그램 코드에 따라 다르지만 어떤 페이지가 어떤 파일에 의존하는지 지정하는 방법과 페이지의 CSS 파일을 함께 연결하고 YUI Compressor을 실행하는 빌드 단계가 이상적입니다. , 내용의 체크섬이나 날짜를 포함하는 고유 한 파일 이름을 출력하여 파일을 무기한 캐시 할 수 있습니다. (물론 문서의 put the CSS file at the top 일 것입니다.)

Answer 5

Google Page Speed can tell you which CSS rules in a page are currently unused, 너무 많은 CSS가 포함 된 것 같아요.

Answer 6

다음은 CSS를 링크 스타일, 일반 클래스, 레이아웃 또는 구조 스타일, 헤더, 네비게이션, 컨텐츠 등의 섹션으로 수동

1. 별도의 코드를 병합하고 구성하기위한 몇 가지 팁, 바닥 글
2. 들여 후손과 관련이있다 rules 이렇게하면 CSS 내의 페이지 구조와 요소가 서로 관련되는 방식을보다 쉽게 ​​인식 할 수 있습니다. 이 방법은 표제 태그와 같은 특정 태그에도 적용 할 수 있습니다.
3. 코드를 한 줄로 압축 각 줄마다 속성을 넣는 대신 모든 줄을 같은 줄에 두십시오. 이렇게하면 CSS 파일의 파일 크기가 줄어들고 특정 태그를 찾으려고 할 때 쉽게 스캔 할 수 있습니다.
4. 애트리뷰트 알파벳순으로 정렬 이것은 스캔하거나 뭔가를 찾을 때 내 CSS를 읽기 쉽게 만들어주는 것 같습니다.
5. 가능하면 어디에나 속기를 사용하십시오. 그러면 CSS를 더 쉽게 읽고 이해할 수 있으며 훨씬 더 효율적입니다.
6. 은 CSS 당신에 다른 사람을 가져 메인 스타일 시트를 가지고 다른 요소에 대한
7. 를 사용하여 별도의 CSS 스타일 시트를 재설정하는 방법의 톤이있다 당신의 CSS 를 재설정합니다. 당신은 타이포그래피를위한 스타일 시트, 레이아웃을위한 스타일 시트, 색상을위한 스타일 시트를 가질 수 있습니다. 이러한 요소를 자체 스타일 시트 내에서 체계적으로 관리하면 코드를보다 쉽게 ​​관리 할 수 ​​있습니다.
8. CSS 파일 맨 위에 사용 된 색상을 선언하십시오. 파일 상단의 CSS 주석은 파일에서 사용중인 색상과 해당 색상이 나타내는 색상을 코딩합니다.

Answer 7

나는 정말로 styleneat.com을 좋아합니다. 웹 앱이 아닌 경우에만.