css ?
css는 웹을 꾸며주는 역할을 합니다. 색상이나 크기, 위치를 시작으로 움직임이나 반응형까지 웹에 많은 보여지는 부분을 담당하고 있습니다.
기본 문법
h1 {
color : red;
font-size: 10rem;
}css 는 기본적으로 위와 같은 구성을 하고 있습니다. h1부분이 선택자 {}안을 선언부라고 하고 선택자에서는 꾸미고 싶은 요소를 선택할 수 있고 선언부에서 속성을 통해 어떻게 꾸밀지를 정할 수 있습니다.
: (콜론)으로 속성과 속성값을 구분지어 작성하고 끝에는 ; (세미콜론)을 사용합니다.
css 적용 방법
css 적용 방법에는 기본적으로 3가지가 있습니다
인라인 방식
html 태그안에 style속성으로 직접 적용하는 방식입니다.
<style> 태그를 사용하는 내부 스타일시트
html 문서에 <style>을 사용하여 적용하는 방식입니다.
별도 파일을 만드는 외부 스타일시트
별도의 css파일을 만들어 html에 연결해 적용하는 방식입니다.
html문서 head부분에 <link> 태그로 css파일 연결할 수 있습니다.
우선순위
같은 요소에 다른 방식으로 css를 적용 할 경우 인라인 > 내부 스타일시트 > 외부 스타일시트 순으로 우선순위가 적용됩니다.
또 css는 cascading 방식이라고 하여 상위 요소에 적용된 css가 하위 요소에도 적용될 수 있습니다.
이 글은 개발 공부하면서 작성하고 있는 글 입니다. 잘못된 내용이 있을 수 있으니 댓글로 남겨주시면 감사하겠습니다.