-
CSS란?
'Cascading Style Sheet'의 약자로 HTML 문서를 꾸며주는 역할을 한다.
CSS는 HTML의 문서를 꾸며주는 역할을 한다.
CSS를 통해 HTML 문서의 색상이나 크기를 바꿀 수 있고 다양한 효과를 적용할 수 있다.
CSS 등장 이유
과거에 CSS가 있기 전까지는 HTML 안에서 내용쓰고 꾸며주고 전부 했다.
하지만 그로 인해 HTML 문서가 복잡해졌고, 이에 본문과 스타일링의 분리가 필요했다.
그래서 등장한 것이 CSS다.
CSS는 HTML 문서의 스타일링을 맡아서 하는 언어로서 HTML과 분리해 사용한다.
하지만 분리되어서도 HTML을 조종해 스타일링을 할 수 있다.
결국 CSS의 등장으로 HTML은 본래의 목적대로 사용할 수 있게 되었다.
CSS의 사용
<p> 태그 안에 있는 글자의 크기를 50px로 증가시키는 코드
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p { font-size: 50px; } </style> </head> <body> <p> 안녕하세요! </p> </body> </html>위와 같이 CSS를 HTML 문서에 적용 시키려면 <Style> 태그를 만들고 그 안에서 '선택자+{ 스타일 속성: 속성값}'을 적어주면 된다.
CSS의 형식: 선택자 { 스타일 속성: 속성 값 }
텍스트 크기 변경 코드를 간략화한 코드: P { font-size: 50px }
'프론트엔드 > CSS' 카테고리의 다른 글
CSS - 목록 스타일 (0) 2020.08.23 CSS - 텍스트 관련 (0) 2020.08.23 CSS의 적용 우선 순위 (0) 2020.08.23 선택자 (selector) (0) 2020.08.23 <style> 태그의 적용 (0) 2020.08.23