CSS 소개

2022-06-01 last update

4 minutes reading Spin Up CSS

소개

이 강좌는 CSS의 역사적 기원을 간략하게 소개하고 CSS가 HTML과 어떻게 협동하는지 높은 차원에서 개괄적으로 설명할 것이다.이 강좌는 당신을 위해 후속 강좌에서의 실천 연습과 사이트 건설 프로젝트를 준비할 것입니다.

CSS 히스토리

1994년 Håkon Wium Lie는 만비망의 발명자인 Tim Berners Lee와 함께 유럽핵연구기구(CERN)에서 일할 때 처음으로 CSS를 도입했다.당시 웹 페이지는 HTML로만 만들어졌는데 HTML은 버너스리가 1990년대에 개발한 하이퍼텍스트 표기 언어였다.그러나 HTML의 개발은 웹 문서 구성 요소 (예를 들어 제목과 단락) 의 의미를 설명하기 위한 것이지 스타일 설명을 제공하기 위한 것이 아니다.점점 더 많은 HTML을 사용하여 웹 페이지의 스타일을 디자인하는 것이 서툴러짐에 따라 CSS의 도입은 HTML 디자인 사이트의 디스플레이와 레이아웃을 결합시키는 데 더욱 효과적인 방법을 제공했다.

CSS에서 HTML 처리 방법

HTML과 CSS를 사용하여 구축된 웹 사이트는 일반적으로 텍스트, 이미지 링크, HTML 태그 등의 내용을 포함하는 HTML 파일과 HTML 내용에 적용되는 스타일 규칙을 포함하는 CSS 파일로 구성됩니다.예를 들어 HTML 파일에는 제목 텍스트(HTML로 표시<h1>와 단락 텍스트(HTML로 표시<p>가 있을 수 있습니다.해당 CSS 파일에는 브라우저가 모든 제목 텍스트의 크기를 20픽셀로 설정하고 모든 단락 텍스트의 색을 파란색으로 설정하는 규칙이 있을 수 있습니다.이러한 CSS 스타일 규칙은 HTML 문서에 스타일 설명을 추가할 때마다 HTML 문서에 나타나는 모든 제목과 단락 텍스트에 적용됩니다.
CSS도 웹 사이트의 내용을 배정하는 강력한 도구이다.HTML 요소에 크기, 색상 및 기타 속성을 제공하여 CSS를 사용하여 컨텐츠 상자를 작성하여 웹 페이지의 레이아웃을 구성하고 스타일을 설정할 수 있습니다.

결론

앞의 강좌에서는 CSS를 사용하여 텍스트, 이미지 및 기타 HTML 요소의 스타일을 설정하고 웹 페이지의 레이아웃을 설정하고 제어합니다.시작하려면 먼저 일부 파일과 폴더를 만들고 이 파일과 폴더에서 HTML과 CSS 코드를 작성하는 연습을 해야 합니다.다음 강좌에서는 무료로 제공되는 코드 편집기Visual Studio Code를 사용하여 CSS와 HTML 항목을 설정하는 절차를 안내합니다.