CSS
CSS는 웹 페이지의 스타일 및 레이아웃을 정의하는 스타일시트 언어이다.
HTML로 웹페이지의 구조를 잘 세우고 나서, 더 나은사용자 경험(UX)를 제공하기 위해CSS로UI및 레이아웃을 적절히 구성한다.
사용자 인터페이스(UI)
컴퓨터에 무지한 일반 사용자도 쉽게 사용할 수 있는 인터페이스
UI는 사용자가 애플리케이션을 사용하고 애플리케이션과 소통하는데 매우 중요한 역할을 한다.
좋은
사용자 경험(UX)은 직관적이고 쉬운UI에서 나온다.
간단한 몇가지 속성
color:
글자의 색상을 변경하는 속성이다.
font-family:
글꼴을 설정하는 데 사용하는 속성이다.
(기본적으로 컴퓨터를 비롯한 사용자의 전자기기에 설치되어있지 않은 글골은 적용되지 않기 때문에, 개발자가 표현하고 싶은 글꼴을 사용자의 기기에 적용할 수 있도록 필요에 따라 웹에서 다운로드 하게 하는 웹 폰트 기술을 사용한다.)
font-size:
글짜의 크기를 변경하기 위해서는 font-size 속성을 사용한다.
+) 굵기:font-weight, 밑줄, 가로줄 등:text-decoration, 자간:letter-spancing, 행간:line-height등...
관심사 분리
HTML의 초기에는 스타일을 별개로 정의한다는 개념이 없어
HTML내에서<center>,<font>태그를 사용하기도 했으나, 지금은관심사 분리라는 패러다임을 적용하여 더이상 이 태그를 사용하지 않는다.HTML파일로는 구조를 설계하는 일에만 신경쓰고,CSS파일로는 스타일링만 담당하도록 하자.
CSS를 적용하는 방법
같은 줄에서 스타일을 적용하는
인라인 스타일, CSS 파일 내에 작성하는 내용을 별도의 파일로 구분하지 않고 style 요소 내에 작성하는내부 스타일 시트, 그리고 CSS 파일을 별도로 작성하여 link 태그를 이용해 HTML 파일과 연결시키는외부 스타일 시트3가지가 있다.
(그러나 관심사 분리 측면에서 앞의 두 가지는 권장하지 않는다.)
