
ID id는 한페이지에 하나의 정의로 단, 하나의 태그(id="")만 사용할 수 있다. 즉 로고,상단메뉴,하단정보 같은 스타일을 정의할 때 id를 사용한다. CLASS class는 한페이지에 반복적으로 사용되는 스타일을 정의할 수 있다. 반복적으로 사용되는 스타일에는 class를 이용하여 정의하고, 그 내부에 세부 스타일을 정의할 때 id를 사용해주면 효과적이다. 이름을 불러오는 방식 클래스(class)를 불러올 때는 앞에 마침표(.)를 찍어줍니다. 아아디(id)를 불러올 때는 앞에 샵(#)표시를 해줍니다. 한 요소가 갖는 클래스 & 아이디의 갯수 제한 클래스(class)는 한 요소에 여러 개의 클래스명이 적용될 수 있다. 아아디(id)는 한 요소에 한 아이디만 적용이 가능하다.

Block Block 속성은 Inline과 달리 한 줄에 나열되지 않고 그 자체로 한 줄을 완전히 차지합니다. 대표적인 블록 요소로 태그가 있습니다. display 속성이 block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다. 대표적인 block 엘리먼트로 이나 , 태그 등을 들 수 있습니다. 예를 들어, 여러 개의 block 엘리먼트 다음과 같이 마크업하면 매번 줄바꿈 되어 여러 줄에 보이게 됩니다. block은 height와 width 값을 지정 할 수 있다.margin과 padding을 지정 할 수 있다. InLine Inline 속성이란, 쉽게 말해 줄을 바꾸지 않고 다른 요소와 함께 한 행에 위치하려는 성향입니다. display 속성..

CSS란? CSS(Cascading Style Sheets)은 HTML을 꾸며주는 디자인 언어입니다. CSS 주석 표시 주석 표시는 프로그램에 영향을 미치지 않으며, 설명이나 메모를 목적으로 사용합니다. {/* CSS 주석 */ {/* CSS 주석 */ CSS 선언 방법 내부 스타일 내부 스타일 : head 태그 안에 설정하는 방법입니다. 외부 스타일 외부 스타일 : 외부 파일을 연결하는 방법입니다. 인라인 스타일 인라인 스타일 : 요소에 직접 설정하는 방법입니다. style='background-color:#00f; color:ff0'>즐거운 하루!