CSS 디자인 15.5k 0

현재 사용되고 있는 CSS입니다. 사용 및 편집 수정은 자유입니다.

4가지 부분으로 구성되어있습니다.

1. 폰트 가져오기 - 웹폰트를 사용합니다.

2. 컬러 파레트 및 기본설정 - 아래의 메인 CSS와 컴포넌트를 사용하기 위해 설정값을 미리 정해둡니다.

3. 메인 CSS - 대부분의 규칙들을 이곳에 몰아둡니다.

- PC버전, 모바일버전

4. 컴포넌트 - 특별한 효과를 추가적으로 넣어줍니다.

- 드롭다운 리스트 효과

- 서치박스 효과

사실 1개의 css에 다 몰아 넣어도 상관없습니다.

하지만 CSS를 잘 몰라도 모듈화가 잘 된 코드조각들을 입맛에 따라 선택해 적용가능하도록 구성하고 싶습니다.

CSS 디자인 게시판과 똑같이 사용하고 싶으시다면, 4개의 항목을 모두 붙여넣어주시고,

2번 항목에서 색깔 코드와 로고 이미지 링크만 바꿔주시면 됩니다.

< 설정 화면 >

※ 주의사항

@import 로 가져온 파일 내에서 재차 @import를 사용하는 경우, 로딩성능에 영향이 있을 수 있습니다.

초기버전을 만드실 때에는 쪼개어서 테스트 해보시고, 어느정도 변경사항이 없어지면 하나의 파일로 묶는 것을 추천드립니다.