CSS 작성 내규(?)를 가지고 있으신가요

CSS 작성 내규(?)를 가지고 있으신가요 정보

CSS 작성 내규(?)를 가지고 있으신가요

byfun 홈페이지 자기소개 아이디로 검색 회원게시물 (210.♡.♡.69)
2013.06.19 09:17:13
1,707

본문

CSS 를 작성하다보면 참...................... 지저분해집니다.

뭘 만들때마다, 처음에는 '이번엔 CSS 좀 야무지게 만들어보자' 하다가...
덩치가 커질수록... '아.. 지저분해' 이 기분을 떨칠 수 가 없습니다.

자신만의 CSS 작성 규칙이 있으시다면 댓글로 나눠보아요.

1. 네이밍 : id 와 class 의 명명 규칙과 구조
2. 속성의 순서 : display, position, padding, margin, background, color ... 등등 어떤 순서로 속성을 작성하는지
3. CSS 파일 : CSS 파일 하나로 작성? 페이지마다 분리하여 작성? 장점? 단점? 등등

댓글 9개

우산11 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

(182.♡.♡.19)

13.06.19 09:36:54

http://html.nhncorp.com/markup_tools/convention

오랜만에 널리 들어가보니 이쁘게 바뀌었네요

byfun 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

(210.♡.♡.69)

13.06.19 10:00:56

네이버에서 잘 정리해놓았네요!! 이 페이지를 보긴 봤으나 파일을 열어보진 않았어서 이런게 있는진 몰랐네요. 감사합니다!

시누이 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

(183.♡.♡.110)

13.06.19 11:11:59

와.. 이거 좋네요. 좋은 정보 감사합니다.

강남멋장이 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

(124.♡.♡.117)

13.06.19 20:09:14

보기 좋게 정리되어 있네요...ㅎㅎㅎ

지운아빠 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

(14.♡.♡.156)

13.06.19 09:56:10

네이밍
페이지아이디_섹션명_의미/기능
최대한 이 틀에 맞춰, 가능한 3음절 이내로 작성하려 노력하고 있습니다.

순서
display, visibility, z-index, clear, position, float, top, left, margin, padding, width, height, border, background, color, font-*, vertical-align, text-*, letter-*, line-*, list-style, content, overflow
css3 속성을 사용할 경우 css2.1 에 기준, 동일 속성 뒤에 위치합니다.

CSS파일
g4s 에서는 스킨 제작 편의를 위해 분산시켜 놓았지만, 가능한 1개로 작성/호출하는 것을 선호합니다.

SIR에서 사용할 컨벤션을 계속 정리 중인데 혼자 쓰던 버릇을 공용화하려니까 어렵네요.
다음, 네이버 컨벤션을 참조해서 입맛에 맞게 추가/수정/삭제 하며 정리하고 있습니다. ^^;;

http://html.nhncorp.com/
http://ui.daum.net/