본문 바로가기
웹 프론트엔드(Web FrontEnd)

이해하기 쉬운 CSS 설명 (Cascading Style Sheet 기초 지식)

by 안한량 2022. 7. 17.
728x90

CSS란?

 

Cascading Style Sheet의 약자로

HTML과 XML로 작성한 문서를 화면에 어떻게 표시할지 기술하기 위한 스타일 시트 언어이다.

css는 작성된 HTML 등의 문서가 화면에 어떻게 렌더링 되어 표시하는지 지정해준다.


예를 들어 우리가 html 화면에서 

ul, li 태그를 이용하여 목록을 만들었다.

기본적인 모양은 이렇게 생성될 텐데

이것을 html 내부 head에 style태그를 열고 li에 너비, 높이 색상들을 지정하고 

클릭했을 때 다른 메뉴로 넘어가게 링크를 걸어주면

네이버 메인 메뉴

이렇게 바꿔줄 수 있다.

메일 옆 이미지 파일도 추가할 수 있을 것이다.

HTML로 뼈대를 세운다면 CSS로 살을 붙인다고 비유하면 이해가 쉽다.

 

css는 다양하게 표현할 수 있도록 속성들이 많아 외워야 할 것이 많다.

다음은 CSS 작성 시 첫 번 째 알아야 할 선택자에 대해 작성하겠다.

728x90