profile
기획컨설팅, ui, it컨설팅, ux, 디자인
post-thumbnail

블록요소와 인라인요소 정리

블록레벨 요소들adress/article/aside/audio/blockquote/canvas/dd/div/dl/fieldset/figure/footer/form/h1~h6/header/hr/noscriptol/output/p/pre/section/table/tfoot/ul/video 등셀 병합행 분할열 분할너비 맞춤삭제 인라인레벨 요소들b,big,i,s...

2019년 3월 19일
·
0개의 댓글
·
post-thumbnail

CSS 스타일의 우선순위적용

웹 문서에 스타일시트에서는 '상속'의 개념과 css에 담겨 있는 '캐스케이딩'의 개념을 꼭 이해하고 넘어가는 것이 중요합니다. 스타일은 상속됩니다. 웹 문서에서 사용하는 여러 태그들은 서로 포함 관계를 가지고 있어 포함하는 태그는 부모 요소라고 하고, 포함된 태그는 자식 요소라고 합니다. 스타일시트에서는 부모 요소에 있는 속성들이 자식 요소로 전달되는데...

2019년 3월 14일
·
0개의 댓글
·
post-thumbnail

크로스 브라우징 IE 주석 사용방법

IE 주석의 사용 방법 ie브라우저가 아닐 경우 ie브라우저일 경우 ie8 브라우저 ie7 브라우저 ie6 브라우저 ie8미만 브라우저 ie8이하 브라우저 (e가 있으면 포함) ie8초과 브라우저 ie8이상 브라우저 (e가 있으면 포함) [if (gt ie 6)&(lt ie 9...

2019년 3월 14일
·
0개의 댓글
·
post-thumbnail

HTML5 태그를 지원하지 않는 브라우저들

semantic.png 현재까지 인터넷 익스플로러 8.0 이하 버전에서는 전혀 지원하지 않지만 다른 브라우저의 경우 모두 지원하고 있으며, 모바일 브라우저의 경우 오페라 미니에서만 부분지원하고 나머지 브라우저에서는 모두지원하고있습니다 브라우저는 자신이 인식하지 못하는 태그를 만나면 인라인 태그로 취급하게됩니다. , 과 같은 태그들은자신만의 영역이 ...

2019년 3월 14일
·
0개의 댓글
·
post-thumbnail

웹표준과 웹접근성에 대하여

웹표준은 왜 지켜야할까요? ​ 예를들어 옷 한 벌을 구입한다고 가정해 보겠습니다. 매장에 있는 옷들은 모두 표준화된 치수를 사용하여 만들어 집니다. 따라서 유명 백화점이든 시장이든 장소와 상관없이 자신의 치수만 알면 손쉽게 옷을 구입한다고 가정해 보겠습니다. 이런 표준 신체 치수가 없다면 가는 곳마다 일일이 옷을 입어보고 사야 할 것입니다. HTML도 ...

2019년 3월 14일
·
0개의 댓글
·
post-thumbnail

input 태그의 다양한 속성값

input 태그에는 다양한 속성들이 존재하는데요 바로 한번 살펴볼까요 readonly - 해당 필드를 읽기 전용으로 바꿉니다. 텍스트 필드나 텍스트 영역처럼 필드 안에 내용이 있으면서 사용자에게 내용을 보여주기만 하고, 사용자가 입력은 할 수 없게 하는 속성입니다. readonly 는 불값을 가지기 때문에 true 또는 false 값을 지정해도 되고...

2019년 3월 14일
·
0개의 댓글
·
post-thumbnail

form , fieldset, label 태그의 사용방법

폼을 만드는 가장 기본적인 태그는 사이에 여러 폼 요소와 관련된 태그를 넣습니다. 폼태그 속성 method : 폼을 전송할 방식을 선택하는 속성으로, 사용할 수 있는 값은 get과 post입니다. get은 256~4096바이트의 정보만 서버로 넘길 수 있지만, post는 사용자의 입력 내용의 길이에 제한을 받지 않습니다. 대개의 경우 post를 사용합니...

2019년 3월 11일
·
0개의 댓글
·