CSS 

CSS : cascading style sheet 1) Author style : 우리가 작성하는 스타일 시트 (최고의 우선 순위) 2) User style : 사용자가 스타일링 가능한 스타일 시트 3) Browser : 브라우저에서 기본적으로 저장된 스타일 시트 U

Flexbox : 아이템들을 행 or 열로 자유자재로 배치할 수 있는 유연한 레이아웃방식 웹페이지의 레이아웃을 쉽게 구성할 수 있다.과거 레이아웃 구성할 때 이용한 것들 \-position\-float\-table =>사용하기 까다로웠다. float 가볍게 알아보기 정

font-family : 글꼴 종류를 지정한다.font-size : 글자 크기를 지정한다.font-style : 글자를 이텔릭체로 표시할지 지정한다.font-weight : 글자 굵기를 지정한다.font-variant : 소문자를 작은 대문자로 바꾸는 속성 \* f

🧷 코드 예시border-collapse : 테이블의 테두리를 한 줄로 나타낼지를 설정함. \-default값 : border(테두리) 가 2줄씩 나타남 \-<th>,<td> 태그가 각각 자신만의 테두리를 가지고 있기 때문이다. :nth-child(

모든 HTML 요소는 웹 페이지에서 일정 공간을 차지하게 된다. 이러한 공간을 CSS 에서 Box Model 로 정의하고 있다. Content : 텍스트나 이미지가 들어있는 HTML 요소의 실질적인 내용Padding : Content 와 Border 사이의 영역으로 쉽

\-사전적 의미 : '뜨다' 라는 뜻\-html 요소에 적용이 되면, html 요소는 원래의 흐름에서 벗어나 둥둥 떠다니듯 배치가 된다. \- > 인접한 텍스트 or 인라인 요소가 그 주위를 자연스럽게 감싸게 한다.none : 기본값은 띄우지 않음left : 왼쪽에 띄

HTML 요소를 배치하는 방법을 지정한다. static(default 값) : 요소가 HTML 문서에서 일반적인 흐름을 따라 배치가 되게 한다. relative : static 과 마찬가지이다. BUT, 차이점은 요소가 자신의 static 위치에서 top,right,b

HTML 요소의 배경 색을 지정한다. HTML 요소에 배경 이미지를 한 개 또는 여러 개를 지정할 수 있다.배경 이미지의 반복 방법을 지정한다. 가로축 및 세로축을 따라 반복할 수 도 있고, 아예 반복하지 않을 수 도 있다.repeat : 가로, 세로 반복no-repe

선택하고자 하는 HTML 요소의 특별한 '상태(state)' 를 명시할 때 사용한다.문법예제:link - 아직 방문하지 않은 요소를 나타낸다. \-href 속성을 가진 <a> <area> <link> 중 방문하지 않은 모든 요소를 선택함.:visit

HTML 요소를 회전, 크기 조절, 기울이기, 이동 효과를 나타낼 때 사용한다. 사용법은 transform 속성 값으로 특수한 함수를 넣어주면 된다. 👾 transform 을 사용하려면 해당 요소의 display 속성이 block 또는 inline-block 이어야한

요소에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 주는 것을 말한다. 이때 CSS 스타일이 변화되는 중간지점을 키프레임 이라고 한다. 즉, @keyframes 은 애니메이션의 중간 상태라고 할 수 있다.👾 애니메이션은 트랜지션보다 훨씬 더 규모가