본문 바로가기

전체 글314

[CSS] :before,:after 활용하기 - 구분선 예제1111 222 333미리보기1111 222 333 여기에 :before를 이용해서, 혹은 :after를 이용해서 구분자를 만들어봅니다. 처음에는 :after를 사용하곘습니다. 예제 1 - after사용 (CSS)a:after{content:" | "} 미리보기1111222333예제 2 - 마지막의 구분자 없애기a:after{content:" | "} a:last-child:after{content:"";} 미리보기1111222333 2015. 1. 4.
유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드 유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드목차문서형(DTD)을 꼭 선언해야 하나요?문서형(DTD)의 종류가 많던데 권장하는 것은 무엇입니까?XHTML의 문법은 HTML과 비교해서 무엇이 다른가요?HTML과 XHTML 가운데 어떤 문서형(DTD)을 사용하는 것이 좋을까요?문자셋(charset)으로 UTF-8을 권장하는 이유는 무엇인가요?휴먼 랭귀지(human language)가 무엇인가요?문서의 제목 ...을 어떻게 작성하는것이 가장 좋을까요?의미론적 마크업(semantic markup)이란 무엇입니까?제목 요소 ...는 어떻게 작성하는 것이 가장 좋을까요?의미론적 마크업을 잘 하는 방법이 있을까요?논리적인 순서란 어떤 것입니까?논리적 마크업을 위해서 화면 배치를 위한 ...을 사용하지.. 2015. 1. 4.
네이밍 규칙 네이밍 규칙공통 규칙공통 네이밍 규칙 예잘못된 예올바른 예설명Tit_pop.html *-hidden-obj 03_btn_more.giftit-section시작이름은 영문 대문자, 숫자, 특수문자로 시작할 수 없다.(파일 및 폴더 제외)cancle_btn_off_01.gif, msgbox-off-togglebtn_cancle_01_off.gif, msgbox-toggle-off네이밍의 조합은 '형태_의미_순서_상태'을 기본 순서로 사용한다.customerServicecustomer_service네이밍 규칙의 언더스코어(_) 조합은 파일, 폴더, 이미지에 사용한다.hidden_objhidden-obj네이밍 규칙의 하이픈(-) 조합은CSS 네이밍에 사용하는 것을 권장한다. HTML 문서 안에서 언더스코어(_).. 2015. 1. 4.
CSS naming 규칙 naming 규칙공통규칙naming의 첫 시작에 숫자, 특수문자, 대문자의 사용은 지양한다.ex) 2list_notice ( x ) list_notice2 ( o )naming은 '형태_의미_상태' 순서로 조합하며, 3단계를 넘어가지 않도록 권장한다.ex) btn_apply_on, box_news, box_reply_open 등naming 정의 시 prefix, subfix, suffix를 최대한 활용한다.id/class 규칙id는 camelcase 방식으로 하며, class는 underscore 방식으로 사용한다.ex) id="boardView" class="link_view"id는 화면에서의 고유 기능을 명시하도록 naming 한다.ex) id="btnSearch" ( x ) id="btnGnbSea.. 2015. 1. 4.

티스토리툴바