CSS란?
CSS는 Casecading Style Sheets의 약자이다.
CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는 가를 정의하는데 사용한다.
스타일을 html문서로부터 분리하는 것이 가능해진다.
CSS를 사용하는 이유는?
HTML만으로 웹 페이지를 제작하는 경우, HTML요소의 세부 스타일을 일일이 따로 지정해주어야 하기 때문에 많은 시간이 소요되고, 완성한 후에도 스타일의 변경 및 유지보수가 매우 힘들어진다.
이 문제점을 해결하기 위해서 만든 언어가 CSS이다.
CSS문법
p {text:aign : center; color: blue;}
[선택자] {속성명 : 속성값; 속성명 : 속성값}
CSS 선택자
1. 전체 선택자
-스타일을 모든요/소에 적용할 때 사용한다.
주로 모든 하위 요소에 한꺼번에 스타일을 적용할 때 사용하고,
전체 선택자는 asterisk(*) 기호를 사용한다.
-태그의 이름이 같지않아도 속성을 한 번에 변경할 수 있습니다.
2. 태그 선택자
-특정 태그가 쓰인 모든 요소에 스타일을 적용한다.
선택자 위치에 택그를 작성하면 사용된 모든 해당 태그에 동일한 스타일이 적용된다.
3. 클래스 선택자(class 속성에 작성된 값)
- 클래스 선택자는 특정 집단의 여러 요소를 한 번에 선택할 때 사용한다.
같은 클래스의 이름을 가지는 요소들을 모두 선택해주고 스타일 적용 시
선택자에 ".클래스명"을 작성해준다.
4. 아이디 선택자(id속성에 작성된 값)
-아이디 선택자는 특정 요소를 선택할 때 사용한다.
스타일을 지정할 때 사용되며, 선택자 부분에 "#아이디명"을 작성한다.
5. 그룹 선택자
-여러 선택자에 같은 스타일을 적용할 경우 쉼표로 구분해서 여러 선택자를 나열 한 후 스타일은 한 번만 정의한다.
->a,v,div 이런식으로 쓰면 하나의 그룹으로 사용할 수 있습니다.