CSS

웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어스타일링 도구로 독립적으로 기능하지 않음, 반드시 HTML이 있어야만 동작 가능더 나은 UX를 제공하기 위해 사용애플리케이션에 접근할 수 있는 UI를 만듦 ?UI: 컴퓨터와 교류하기 위한 연결고(좋은 UX는 직관

하나의 콘텐츠로 묶이는 요소들이 하나의 박스가 됨, 항상 직사각형, width와 heigt를 가짐줄 바꿈이 되는 박스(block 박스) 줄 바꿈이 없이 옆으로 붙는 박스(inline 박스): width값과 height값이 먹지 않음줄 바꿈이 일어나지 않는 동시에 blo

기본 셀렉터

float 이미지와 텍스트들을 어떻게 배치할 건지 정리하기 위해 나타남 float:left = 이미지가 왼쪽으로 정렬되고 나머지 텍스트 float:center = 이미지가 가운데 float:right = 이미지가 오른쪽 Flaxbox 컨테이너에 적용하는 속성값이 존재

레이아웃 각 요소의 위치가 웹 사이트의 목적에 맞게 배치된/ 각각의 요소를 목적에 맞게 배치하는 것 HTML 문서는 기본적인 스타일을 가지고 있어서 HTML 문서가 갖는 기본 스타일이 레이아웃을 설정하는 데에 방해가 됨 → 초기화 꼭 해 주기 와이어프레임 웹 또는 애

CSS 애니메이션은 여러 개의 CSS 스타일을 부드럽게 전환시켜줍니다. 그 중에서도 @keyframes 키워드를 활용하면 시간 순서대로 정밀하게 짜여진 애니메이션을 만들 수 있습니다.키프레임을 활용하기 위해서는 우선 CSS로 키프레임 블록을 만들어야 합니다.해당 방법으

HTML의 <canvas> 태그와 Javascript를 사용하면 다양한 그래픽 요소를 만들 수 있습니다. 단순한 도형을 그리는 것은 물론, 데이터 시각화, 애니메이션, 웹 게임 등 사용하기에 따라 무궁무진한 콘텐츠를 만들어낼 수 있습니다.기본적인 캔버스 사용법부터

CSS2.1 부터 미디어 타입으로 단말기 종류에 따라 각각 다른 스타일을 적용시키는 게 가능해졌습니다. 그러나 기기의 특성을 정확히 판단하기 어렵다는 단점 때문에 널리 사용되지 않았으나, CSS3부터는 이 미디어 타입을 개선하여 좀 더 구체적인 조건으로 필요한 스타일을

😴 내가 헷갈려서 정리하는 셀렉터스타일을 적용하고자 하는 HTML 요소를 특정하기 위한 목적으로 사용되는 것,HTML 요소를 셀렉터로 지정하고 선택된 요소에 스타일을 정의하는 것복수개의 셀렉터를 연속하여 지정할 수 있고 쉼표(,)로 구분한다.\* : HTML 문서