컬러코드 지금까지는 컬러를 지정할때 이름을 사용했다. 하지만 실제로 적용할 때는 보다 세부적으로 색을 골라야 할 경우가 있다. 이제 컬러 코드를 사용해 보자. 컬러에 대한 HTML엔티티(특수문자나 기호의 고유코드를 모아 놓은 것)와 같다. 각 코드는 특정색을 나타낸다. 아래 규칙을 시험해 보자. .divA { background-color: #765481; } .divB ( background-color: #F7E1A2; } 해시기호 #은 브라우저에게 색을 지정하기 위해 숫자를 사용한다고 알려준다. 이후 원하는 색을 지정하기 위한 알파벳과 숫자로 이루어진 6자리 코드가 이어진다. 이 경우에는 자주색과 오렌지색이다. 모든 코드를 암기할 필요는 없다. http://html-color-codes.info/같은..

DIV는 분할의 줄임말이다. (division) 이를 이용해 코드를 여러 부분으로 나눌 수 있다. 각 부분으로 나누어 스타일을 지정할 수 있다. div로 실제 할 수 있는 일이 별로 없을 것 같아 보이지만 실제 스타일을 적용할 때 많은 도움이 된다. 문단에 컬러를 넣는 것부터 해보자. 배경컬러 스타일 태그에서 모든 CSS코드를 삭제하고 아래 코드로 대체한다. div ( background-color: grey; ) 그리고 부분은 아래 사진처럼 수정한다. 다시 말씀드리지만 코딩을 보고 대략적인 알고리즘 즉 코딩의 의미와 흐름을 파악할 줄 알아야 합니다. html은 코딩의 가장 기초부분입니다. 익숙해질때까지 반복해서 보시고 연습해 보세요. 전체코딩모습 보기 위 코딩 결과물 보기 ※ 코딩은 반드시 직접 해보셔..

아이디란 무엇인가 아이디는 클래스와 유사하다. 하지만 이는 웹페이지의 한가지 구성요소에만 적용된다. 헤더, 푸터, 제목처럼 한가지 구성요소에만 나타난다. 클래스와 정확히 똑같은 방법으로 추가할 수 있다. 이제 '12345' 문단에 'pink' 아이디를 삽입하자. 12345 이제 스타일 부분에 아래 CSS를 넣자. #pink { color:pink; } 주의 : 여기서는 해시 기호 #을 사용한다. 이는 아이디를 나타낸다. 그래서 CSS에서 구두점 .은 클래스 , #은 아이디를 나타내는 기호이다. 여기서도 12345 문단에 'pink' 규칙과 'p'규칙이 중복 적용된다. 하지만 클래스와 마찬가지로 아이디규칙이 우선한다. 항상 구성요소와 관련된 다른 규칙에 우선하여 아이디와 클래스 내용이 적용된다.