선우공작소

궁금해요! 너를 알려줘! display 안녕하세요. 선우에요.지난 번 CSS를 배웠으니 그 중 제일 중요한 프로퍼티 display를 배워보려해요.display는 무엇을 의미할까요? 맞아요! 전시하다 내보이다라는 뜻을 가지고 있어요.이 뜻만 기억하고 있으면 문제없이 html 진도나갈 수 있어요.그럼 시작해 볼까요? displaydisplay는 CSS에서 제일 중요한 프로퍼티에요. 왜 중요하냐구요?바로 모든 엘리먼트의 속성을 부여해 레이아웃을 제어할 수 있기 때문인데요.여기서 말하는 엘리먼트란 태그를 의미하기도 합니다. 엘리먼트가 더 큰 단위의 개념이니까요.엘리먼트에는 display 속성이 디폴트로 블록(block) 또는 인라인(inline)이 들어가 있는데요.속성에 대해서는 아래에서 배워보도록 할게요. 지..

궁금해요! 너를 알려줘! CSS 안녕하세요. 선우에요. 총 3차례에 걸쳐 HTML에 대해 포스팅 했는데요. 비록 기초적인 부분이지만, HTML의 기본 구조정도는 그릴 수 있다고 생각합니다. 혹시 HTML5 구조를 코딩하기 어려운 분이 있다면 HTML 카테고리의 궁금해요! 너를 알려줘! HTML5의 시맨틱 구조 글을 참고해 주세요. 위의 포스팅에서 구조에 대한 이해와 예시 소스를 보시면 될 것 같습니다. 그럼 그 가정하에 CSS에 대해 배워볼까요? 공부야 말로 들어올 때는 마음대로 였겠지만, 나갈 때는 아니란다. 입문은 밥 먹듯이 하는데, 나갈 수가 없네. 크흑.. CSS란 무엇일까요? CSS란 Cascading Style Sheets의 약자로 W3C의 표준이며, 주로 HTML, XHTML에서 레이아웃과 ..

선택자(selector)의 종류 이름 예시 설명 공통 선택자 * 전체 요소 선택 = All 타입 선택자 div 해당 요소(div)의 전체 하위 선택자 div p 해당 요소(div)의 일치하는 전체 하위 요소(p) 자식 선택자 div > p 해당 요소(div)의 인접하는 하위 요소(p) 클래스 선택자 div.css 해당 요소(div)의 일치하는 class 값 아이디 선택자 div#id 해당 요소(div)의 일치하는 id 값 1) 공통 선택자전체 요소를 선택한다.단 모바일에서 적용되지 않는다. 2) 타입 선택자타입 선택자가 div일 경우, div의 모든 요소를 가르키며, 기본값으로 지정된다. 3) 하위 선택자하위 선택자가 div p일 경우, div의 안에 있는 하위 요소 p를 모두 가르킨다.p의 부모가 di..