[1주차] 💻🏃‍♂️ - CSS와 기본적인 셀렉터

✍️  CSS (Cascading Style Sheets)란?

css는 웹페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어입니다.

웹사이트 사용자가 html 문서에 작성된 콘텐츠를 잘 이해할 수 있도록 돕는 역할을 한다.

개발자는 css로 웹 애플리케이션에 접근할 수 있는 사용자 인터페이스부터 만들게 됩니다.

 

✍️  사용자 인터페이스 (ui: user interface)

인터페이스는 컴퓨터와 교류하기 위한 연결고리이다.컴퓨터에 무지한 일반사용자가 쉽게 사용할 수 있는 인터페이스 앞에 “사용자”를 붙여 사용자 인터페이스 , ui라고 부른다.

Ui는 사용자가 애플리케이션을 사용하게 하는데 매우 중요한 역할을 하고, ui가 없으면 애플리케이션과 소통이 불가능한다는 것을 알게 되었다.

 

 

 

 

✍️  CSS 파일 추가

<link> 태그 안에서 href 속성을 통해 파일을 연결한다.

 

ex)

<link rel="stylesheet" href="index.css" />

 

⭐️ id와 class의 차이점

ID	class
#으로 선택	.으로 선택
한 문서에 단 하나의 요소에만 적용	동일한 값을 갖는 요소 많음
특정 요소에 이름을 붙이는 데 사용	스타일의 분류(classification)에 사용