5. Element가 배치되는 방법(CSS layout)엘리먼트가 배치되는 방식엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고, Rendering 과정이라고도 합니다. 편의상 우리는 배치라고 할겁니다.엘리먼트는 위에서 아래로 순서대로 블럭을 이루며 배치되는 것이 기본입니다. 하지만 웹사이트의 배치는 다양하게 표현 가능해야 하기 때문에, 이를 다양한 방식으로 배치할 수 있도록 css에는 추가적인 속성을 제공합니다.중요하게 이해해야 할 속성은 다음과 같습니다. display(block, inline, inline-block)position(static, absolute, relative, fixed)float(left, right)이 속성을 중심으로 엘리먼트의 배치를 이해하는 것이 중요합니다...
1. CSS 선언방법CSS의 구성selector(선택자), property, value 로 구성span { color : red; } span : selector(선택자)color : propertyred : valuestyle을 HTML페이지에 적용하는 세 가지 방법 inlineinternalexternal1) html 태그 안에다가 : inline World ! HELLO world ! 다른 CSS파일에 적용한 것 보다 가장 먼저 적용합니다.2) style 태그로 지정하기 : internal World ! span { colr : red; } HELLO world ! 구조와 스타일이 섞이게 되므로 유지보수가 어렵습니다. 별도의 CSS파일을 관리하지 않아도 되며 서버에 CSS파일을 부르기 위해 별도의 ..
1. HTML Tags 태그의 종류태그는 그 의미에 맞춰서 사용해야 한다. 링크 이미지 목록 제목www.w3schools.com/Tags/ (태그의 종류 참고)기본예제 JS Bin 반갑습니다. 여기 여러분들이 좋아하는 과일이 있어요. 사과 바나나 메론 귤 2. HTML Layout 태그 ‘레이아웃(Layout)’이란 ‘배치’라는 뜻으로, HTML 태그로 감싸진 각 정보 요소를 화면상의 어느 위치에 어떻게 자리잡을지를 결정하는 것을 말합니다.레이아웃을 위한 태그레이아웃을 구성하는 태그도 역시 그 의미에 맞춰서 쓴다. headersectionnavfooterasidehtml태그는 레이아웃을 할 때도 그 의미에 맞는 것을 찾아 사용해야 검색도 더 잘되고, 가독성 있는 코드를 만들 수 있게 됩니다. 기본예제 J..