코드스테이츠 3일차-CSS
CSS: Cascading(폭포) Style Sheets
: 브라우저가 CSS코드를 읽을 때 위에서 아래로 코드가 차례대로 읽힌다.
link> 요소는 HTML 파일과 다른 파일을 연결하는 목적으로 사용한다. 요소의 rel 은 연결하고자 하는 파일의 역할이나 특징을 나타낸다. CSS(Cascading Style Sheet)는 stylesheet이므로 rel 속성에 stylesheet 를 추가. href 속성에는 파일의 위치를 추가해야 한다. 지금 작성한 두 파일은 한 폴더 내에 있으므로 파일 이름만 입력한다. 다른 폴더에 파일이 존재하는 경우, 절대 경로 또는 상대 경로를 입력해 원하는 파일을 찾아 연결할 수 있다.
id와 class의 차이점
id는 #으로 선택하고 한 문서에 단 하나의 요소에만 적용
class는 .으로 선택하고 동일한 값을 갖는 요소 많음
특정 요소에 이름을 붙이는 데 사용 스타일의 분류(classification)에 사용
폰트
굵기: font-weight
밑줄, 가로줄: text-decoration
자간: letter-spacing
행간: line-height
절대 단위와 상대 단위
글꼴 크기, 화면 크기 등 크기를 다룰 때는 크기의 단위가 무엇보다 중요하다. 크기의 단위는 절대 단위와 상대 단위, 두 가지로 구분할 수 있다.
절대 단위: px, pt 등
상대 단위: %, em, rem, ch, vw, vh 등
코드 스테이츠 3일차 과제
CSS의 기초를 학습 후 자기소개페이지를 좀 더 꾸며봤습니다.
나의 자기소개👇🏻!
