13~14일차 CSS마지막 추가내용 + Node.js
1. @media 반응형 레이아웃(웹사이트)를 만들 때 사용하는 문법이다. +) 추가 개념 @charset "" : 인코딩 @import url('') : import를 사용해서 url연결 @keyframes : 애니메이션에서 구간을 정하고 각 구간별로 어떤 스타일
11 ~ 12일차 CSS관련 추가 내용
※ 코로나 확진 관계로 몸 상태가 좋지 않아 업로드가 늦었습니다.. 1. Animation Animation: animation 속성들을 통해서 animation 동작을 제어하는 속성이다.(controller) @keyframes규칙으로 만들어 놓은 animatio
9일차 CSS 배치(position), 정렬(flex), 전환, 변환
1. 배치 1-1. position position : 요소의 위치 지정 기준 기본 값 : static(기준 없음) position: relative; : 요소 자신을 기준, 화면에는 아무런 변화가 없다. 만약 뷰포트 기준이 아닌 다른 요소를 기준으로 삼고 싶다면
8일차 CSS 특성(1)
1. CSS로 제어가 가능한 것들 박스 모델 글꼴, 문자 배경 배치 플렉스(정렬) 전환 변환 띄움 애니메이션 그리드 다단 필터 2. 속성(Properties) HTML의 속성(Attribute)과 표현이 다르다는 것을 먼저 인지하자. 2-1. 너비 (width,
7일차 (2) CSS 개요
1. 기본 문법, 주석 1-1. 선택자 {속성: 값;} 선택자 : 스타일(CSS)을 적용할 대상(Selector) 속성 : 스타일(CSS)의 종류(Property) 값 : 스타일(CSS)의 값(Value) 속성은(:) 값이다(;) { } : 스타일 범위의 시작과 끝