css
- CSS(Cascading Style Sheets)는 HTML 요소에 스타일(크기, 색상 등)을 적용하기 위해 사용
- 적용 방법
색상 값
- CSS에서 색상을 표현하는 방법이 여러가지가 있는데 그 중 일부는 다음과 같음
- 리터럴 : 자주 사용하는 색을 이름으로 지정해 놓은 방식, 가령 빨간색을 red, 파란색을 blue라고 지정해 놓은것이 그 예
- RGB : rgb(r, g, b) 함수를 통해 각 0부터 255까지 적녹청 인자의 값을 전달에 색상을 반환받는 방식, 숫자가 적을수록 어두우며, rgb(0, 0, 0)은 검은색, rgb(255, 255, 255)는 흰색인 식임
- RGBA : rgba(r, g, b, a) 함수를 통해 색상을 반환받는 방식, 각 r, g, b, 는 위 rgb() 함수와 동일하게 사용되나 임의값(a)로 불투명도를 지정할 수 있음. a 값은 0% (혹은 0.0) 부터 100% (혹은 1.0)까지 지정할 수 있고, 0%에 가까울수록 투명해짐
- HEX : #rrggbb 혹은 #rrggbbaa 표현식을 통해 색상을 지정하며, 각 rr, gg, bb값은 RGB 함수에서 사용했던 인자의 10진법 값을 16진법 값으로 표현한 값. aa 값또한 마찬가지로 RGBA 함수에서 사용했던 알파값의 255에대한 백분율의 10진법값을 16진법 값으로 표현한 것
- transparent : 투명
선택자
- 선택자(selector)는 하나 이상의 CSS 속성을 적용하기 위한 대상을 선택하기 위해 사용하는 표현식
- CSS의 속성(Property)을 적용하기 위해 아래와 값이 작성
선택자 {
속성 이름 : 값;
}
* 선택자를 작성하고 중괄호를 열어 중괄호를 닫기 전까지 속성을 작성 할 수 있음
* 속성은 속성 이름을 작성하고 콜론: 을 적은 뒤 값을 적고 세미콜론;으로 끝내야 함
* 하나의 선택지에 여러개의 속성을 작성 가능
기본 선택자
유형 선택자
- 유형 선택자(요소 선택자, type selector)는 태그의 이름으로 선택