수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

css 이렇게도 쓰는지.. 기초적인 질문.. ㅎㅎ

볼수록중독

2023.04.01

다른 디자이너분과 css 스타일이 달라..
개발팀 넘기기전에 맞추려고 제 css와 다른분 css 비교하면서 보고 있는중인데요.

정렬을 위해
/*정렬을 위한것 */
.sort_left{float:left; text-align:left;}
.sort_right{text-align:right}
을 쓰셔서.. sub페이지에 들어가는 html페이지를 디자인할 땐 쓸수 있겠다 싶은데

sub페이지 말고도 headerdml lnb,gnb쪽에도 쓰시는 것 같아서요.
css말고도 html마크업하는 것도 조금 많이 달라서.. 고민되서 글 올려봅니다.

참고로 저는 메인과, 서브페이지 레이아웃만 잡는 작업만 해본 상태구요.
다른 디자이너분은 서너개 사이트 작업하시면서 서브단에도 웹표준작업하면서 나름의 css 스타일을 만들어 쓰시는 부분같은데요.아래 고려대학교도 비슷하게 쓰고 있는데..

http://korealawschool.com/

/* float style */
.float_l{float:left;}
.float_r{float:right;} (클래스명에 left, right 이렇게 쓰지말라고는 하는데.. 이경우엔..어쩔수없는건지..)

/* text-align style */
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.taj{text-align:justify;}

/* vertical-align style */
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}

이런식으로 많이 쓰기도 하나요?? 저도 이제 서브페이지 디자인 코딩한두페이지씩 하기 시작했는데..
하면서도.. 아.. 일일히 class명 다르게 주고.. 위치 잡아줘야하나 싶던차였거든요.

조언부탁드립니다

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 나오

    정서 / ㅎㅎ 그것보다는 상속때문에 골머리를 많이 썩기때문에 수정이슈가 큰건 섹션별로 별도로 작업하라고 말씀드리는거예요(__

    그렇게 않으면 무한대로 CSS를 추가 시켜서 나중에는 -0- 정말 답이 없는 경우가 발생하더군요 특히 게임포탈같은경우 ㄷㄷ

  • 잎새

    아무래도 대학교 같은경우는 정해져 있는게 있어서 그렇게 사용하는것 같습니다.
    저도 대학관련이지만, text-align이나 앞줄 맞추기 태그는 솔직히 저렇게 사용하곤 합니다.
    그이유는 표를 하나 만들더라도 대학교수분들은 조금 까다롭다 보니 어쩔수 없습니다.
    이표가 나중에 또 쓰여도 text정렬은 다른게 많더군요 그래서 클래스로 하나 만들어노면 유용합니다.

  • 이뻐

    수다닷컴의 많은 작업자들 중 디자인이 완전히 변경 되었을 때 그 마크업 그대로 css만 가지고 수정 작업해보신 분이 몇이나 있을지 궁금합니다 할수 있느냐 못 하느냐 css 숙련도를 이야기 하는 것이 아니라 디자인 변화에 따른 구조화를 이야기하고 싶은 것이구요

    사이트 오픈 이후 사람의 손을 지속적으로 탈 정도의 사이트라면 이미 가이드가 있어서 다수의 작업자가
    가이드를 따라갑니다. 그 때에는 각 디자인에 맞춘 class명을 사용할 수 없죠. 고로 위에 처

  • 다빈

    둘다 장단점이 있습니다.

    위처럼 특정 클래스 명을가지고 작업을할시 나중에 디자인변경이 오면 개발까지 다 고쳐야하고
    수정사항이나 업데이트될때마다 어디에 사용되는지 모르기때문에 css를 계속적으로 추가를 시켜줘야해서 나중에는 css관리가 안되는경우도 발생합니다.
    그리고 후임관리자는 어디서 상속받는지 잘 모르기 때문에 수정이 힘들고 !important를 남발하는 경우도 발생한답니다.(이건머..관리방법에 따라서 틀려지겠지만)

    여기까지 단점

    장점은 작업속도

  • 빛길

    저도 위에꺼랑 조금다른 스타일로 하긴하지만 다중 클래스나 단독으로 쓸때 편리하더라구요

번호 제 목 글쓴이 날짜
2702000 select 사용시 label 문제 질문드립니다. 김예쁨 2025-07-19
2701970 실행파일의 이름은 어디서 변경하는지요???? 호빵녀 2025-07-19
2701856 다시 한번 대체텍스트 관련 질문입니다.. (1) 한샘가온 2025-07-18
2701803 저에게 지식의 자비를~ 베푸소서~!! (4) 봄바람 2025-07-17
2701773 메모장 파일을 읽고 출력하는 내용에 관한 질문입니다. 한국드립 2025-07-17
2701748 아이피 변경 부분이요... 날애 2025-07-17
2701665 자바스크립트 // 왜 if 두개를 쓰면 오류가 나죠? (2) 글리슨 2025-07-16
2701636 모바일웹 게시판 만들기 조언좀 부탁드려요 ㅜㅜ (2) 정훈 2025-07-16
2701610 [질문] AS3 액션으로 스테이지 사이즈를 조절할 수 있는 방법이 있을까요? (1) 앵겨쪼 2025-07-15
2701556 input text에 한글을 default 하려면.. (3) 히나 2025-07-15
2701528 apmsetup 접속이.... (5) 곰돌이 2025-07-15
2701506 암호를 *로 (6) 도도한 2025-07-14
2701475 배열최대값 찾기인데; 소스좀 해석해주세요; Orange 2025-07-14
2701397 세로 100% 푸터부분이 바닥에 안붙어요(세로 100% 되는 소스를 썼거든요) 꽃겨울 2025-07-13
2701369 [긴급]로드해온 swf가 갑자기 사라지는 현상..(익스10) (2) 곰돌이 2025-07-13
2701340 [c++]학교 과제 질문이요...... (3) 기쁨해 2025-07-13
2701311 구글 뉴스검색최적화 작업은 누구의 영역인가요? 많은 조언 부탁드려요! 리나 2025-07-13
2701285 아이폰이나 안드로이드 폰 인터넷으로 볼때 배꽃 2025-07-12
2701230 테마 설정하면 밑에 뜨는 글 삭제 (1) 창의적 2025-07-12
2701177 css적용이 안되요~ (6) 다니엘 2025-07-11
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com