CSS Basic

CSS 디자인 참고 - http://csszengarden.com/

css 문법

선택자 { 속성:속성값; 속성:속성값; ... }

css 적용 방식

1. External CSS - CSS소스를 외부파일(*.css)로 독립시켜 저장한 뒤 html문서의 head태그 내에 link태그로 연결시켜 적용하는 방식. 여러 html문서를 하나의 디자인으로 통일성 있게 만들 수 있고 유지보수가 쉽다.
2. Internal CSS - CSS소스를 html문서의 head태그 안에 style태그를 써서 적용하는 방식. 해당 웹문서에만 스타일이 적용된다.
3. Inline CSS - 스타일을 적용할 태그 뒤에 style속성을 써서 직접 CSS소스를 풀어쓰는 방식. 유지보수가 어렵고 통일성을 갖추기 힘들며 소스가 길어지는 단점이 있으나 적용 우선순위는 가장 높다.

css 선택자

• tag선택자 - tag를 그대로 선택자로 활용. 자동 적용, 강제 적용
• ID선택자 - tag뒤에 id="abc"라고 ID값을 설정한 뒤 선택자로 활용할 때는 #abc 형식으로 사용함. ID값은 중복적용이 불가하므로 같은 스타일을 다른 요소에 재적용 불가함.(주로 구조적인 목적으로 쓰임)
• class선택자 - tag뒤에 class="abc"라고 class값을 설정한 뒤 선택자로 활용할 때는 .abc 형식으로 사용함. class값은 중복적용이 가능하므로 같은 스타일을 여러 요소에 재적용할 수 있음.(주로 디자인적인 목적으로 쓰임)
• 전체 선택자 - *