CSS 코딩 규칙에 대한 고민...
채련
안녕하세요...
저는 다른 분이 작업한 내용을 수정또는 그것을 바탕으로 더 확장하는 형태로만 작업 해보았습니다.
그러다 이번에 기회가 되어 제가 HTML/CSS 코딩을 맞게되면서
처음 부터 하나하나 하게되니 별것 아닌 사소한 것들에도 고민아닌 고민을 하게되더라구요...
제가 세운 처음 규칙은 아직 CSS에 눈이 익숙치 않아 가독성이 좋은 쪽에 중점을 두었습니다.
body {
style: value;
style: value;
}
그러다 코드라인이 너무 길어지고 눈도 조금 익숙해져서...
짧은 것은 한줄로... 긴것은 세로로 사용하게 되었습니다.
그러다 경력이 많으신 분들의 코딩 스타일을 여기저기 사이트 돌아다니며 참고를 하였는데...
결과적으로
body{style:value;style:value}
와 같은 띄어쓰기나 맨뒤의 ; 까지도 사용을 자제하는 경향을 많이 보았습니다.
가독성이 좀 떨어진다고 판단이 되어 제 입맛에 맞는 스타일대로 유지하려고 하지만...
어떻게보면 조금 편하게 보자고 용량을 키우고... 브라우저의 최적화시키지 않는것 같은 기분이 들더라구요...
body{style:value;style:value} -- 이런 형태라고 한다면
제가 사용하던 보기 좋은 코딩에 비교하여 0.0000001초라 할지라도 브라우저에게 최적화 시켰다라고 생각이 드니....
이걸 해... 말어... 고민이 되더라구요...
좀 덩치가 큰 css 파일이라고 할 때 띄어쓰기 ; 까지 불필요한 부분을 제거하며 코딩한 것과 그렇지 않은 것에 대한
장담점..? 에 대해서 어떤 형태로든지 조언을 구하고자 합니다..
-
중독적
저도 한 줄로 길게 써요.
제 눈엔 그게 더 가독성이 좋아보여서... 제 눈이 이상한 거겠죠ㅎㅎ;;
근데 너무 길어지면 적당히 끊어서 쓰고요..
그리고 저도 속성 순서는 제 나름대로 맞춰서 쓰는 편이에요.
일부러 그런 건 아닌데.. 생각나는 순서대로 하다보니 그런 듯..^^;
zune님이랑 비슷한 순서네요. -
무지개
저도 비슷한 고민을 갖고 있어서 답변 달아봅니다.. 저도 엔터 쳐가면서 코딩하는 게 훨씬 정리되어 보이고 가독성도 있다고 생각하는데 대부분 어떤 식으로 코딩하나요? 아무리 최적화한다고 띄어쓰기 안해봤자 나중에 코드를 잘못 읽어서 불필요하고 지저분한 코드를 붙여서 더 용량을 늘려버릴 것 같아서 고민이기도 한데..
-
덕이
일일이 엔터치려면.... 꽤나 귀찮을 거 같은데요...
-
크나
저도 한줄로 길게 씁니다.
다만 작성하는 속성의 순서는 거의 일정합니다.
position관련, width, margin, padding, text관련, 기타, background
순으로 일정한 패턴으로 작업합니다. 특히 background는 길게 작성하는 일이 대부분이므로
젤 뒤에두거나 한칸 내려 쓰는것도 괜찮겠죠 -
새늘
감사 합니다^^
-
맞손질
저는 한줄로 길게 씁니다. 편한 방법을 쓰시면 될 듯....
-
달달항사탕
저도 내려써요. 최적화도 중요하지만 가독성도 중요하거든요.
-
나츠
감사합니다^^
-
발랄한그1녀
주석을 많이 다시면서 작업하시면 될듯합니다. 또한 위 DL님의 링크를 읽어보시면 많은 도움이 될듯합니다. ^^;
-
매미꽃
개인적으로 줄내림해서 쓰는게 가독성이 더 좋은것 같아서 그렇게 하고 있어요. 스타일이 하나만 들어갈때는 선택자와 스타일을 붙여서 쓰고요.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2701230 | 테마 설정하면 밑에 뜨는 글 삭제 (1) | 창의적 | 2025-07-12 |
2701177 | css적용이 안되요~ (6) | 다니엘 | 2025-07-11 |
2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |