본문 바로가기

www/CSS_tip51

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.
색상표 color name 색상표 ■■■■■■■ BLACK 블랙 ------> 000000 ■■■■■■■ DARKSLATEGRAY 다크슬레이트그레이 ------> 2F4F4F ■■■■■■■ SLATEGRAY 슬레이트그레이 ------> 708090 ■■■■■■■ LIGHTSLATEGRAY 라이트슬레이트그레이 ------> 778899 ■■■■■■■ DIMGRAY 딤그레이 ------> 696969 ■■■■■■■ GRAY 그레이 ------> 808080 ■■■■■■■ DARKGRAY 다크그레이 ------> A9A9A9 ■■■■■■■ SILVER 실버 ------> C0C0C0 ■■■■■■■ LIGHTGREY 라이트그레이 ------> D3D3D3 ■■■■■■■ GAINSBORO 게인스보로 ------> DCDCDC ■■■■■■■.. 2014. 12. 31.
[CSS] 링크 점선 가리기와 이미지 테두리 지우기 [CSS] 링크 점선 가리기와 이미지 테두리 지우기 1. 텍스트, 이미지, 폼 링크 점선 가리기 a, img, input {selector-dummy: expression(this.hideFocus=true);} 2. 이미지 테두리 지우기 img {border: none;} 2014. 10. 14.
CSS 레이아웃을 배웁시다 #1 목차레이아웃 없음"display" 프로퍼티margin: auto;max-width박스 모델box-sizingposition위치 지정 예제floatclearclearfix 핵float를 이용한 레이아웃 예제퍼센트 너비미디어 쿼리inline-blockinline-block 레이아웃칼럼flexboxCSS 프레임워크사이트 소개 이 사이트에서는 모든 웹 사이트의 레이아웃에 사용되는 CSS의 기초를 다룹니다.이곳에서는 여러분이 선택자와 프로퍼티, 값이 무엇인지 알고 있다고 가정합니다. 그리고 레이아웃 작업이 여러분을 짜증 나게 만드는 작업일 수도 있겠지만 이미 한두 가지 레이아웃을 알고 있다고 가정합니다. HTML과 CSS를 처음부터 배우고 싶다면 이 튜토리얼을 참고하세요. 그렇지 않다면 이 튜토리얼이 여러분의 다.. 2014. 1. 1.

티스토리툴바