오쌤의 니가스터디 (37) 썸네일형 리스트형 [CSS3강좌] 27강 CSS flexbox - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=DhiDpXEkd-E 1. 과거의 레이아웃 모드 1) 웹페이지의 구역을 block요소로 처리 - block요소로 처리되는 요소들을 수직 나열 처리가 됩니다. ## block요소의 수직나열된 코드 ## block요소의 수직나열된 결과 - div태그는 block요소이므로 부모 영역 안에서 수직 나열 처리되는 것을 확인할 수 있습니다. 2) 이미지태그처럼 inline-block으로 나열 처리 - 블록요소를 수평 나열 처리하기 위한 방법으로 display를 inline-block으로 처리합니다. ## inline-block으로 바꾼 코드 ## inline-block으로 바꾼 결과 - 한줄로 수평 나.. [HTML기초문법] 17강 meta태그와 viewport - 오쌤의 니가스터디 ** 동영상으로 보고 싶으신 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=4Y5GFdwq9xc&t=2s 1. meta 태그란? - HTML 문서에 대한 메타 데이터를 정의합니다. - 메타 데이터는 데이터에 대한 데이터 (정보)입니다. - 항상 2. meta 태그의 속성 속성 값 설명 charset UTF-8 EUC-KR 등등 각국의 언어 셋 HTML문서의 문자 인코딩을 지정 content 연관된 값 http-equiv 또는 이름 속성과 연관된 값을 지정합니다. http-equiv content-security-policy content-type default-style refresh 콘텐츠 속성의 정보 / 값에 대한 HTTP 헤더를 제공합니다. name app.. [HTML기초문법] 16강 SVG태그의 effect와 gradient - 오쌤의 니가스터디 1. SVG 태그란? - SVG태그는 Scalable Vector Graphics의 약자로 벡터 기반 그래픽을 XML 형식으로 정의하는 것을 의미합니다. - SVG태그는 SVG그래픽을 담기 위한 요소입니다. - SVG태그 내부에 담을 수 있는 것은 원, 사각형, 다각형, 라인, path 등이 있습니다. - SVG태그는 파일의 모든 요소와 모든 속성에 애니메이션을 적용할 수 있습니다. ## SVG태그 SVG그래픽 ... - svg는 컨테이너로 묶음을 의미합니다. 내부에 그래픽을 담기 위한 그릇과 같은 태그입니다. 2. SVG Filters - SVG 필터는 SVG 그래픽에 특수 효과를 추가하는 데 사용됩니다. ## 태그 - 뒤에 기능들이 영문으로 붙음 - : 이미지 결합용 필터 - : 색상 변환을 위한 필.. [HTML기초문법] 15강 SVG태그 Stroke속성 - 오쌤의 니가스터디 1. SVG 태그란? - SVG태그는 Scalable Vector Graphics의 약자로 벡터 기반 그래픽을 XML 형식으로 정의하는 것을 의미합니다. - SVG태그는 SVG그래픽을 담기 위한 요소입니다. - SVG태그 내부에 담을 수 있는 것은 원, 사각형, 다각형, 라인, path 등이 있습니다. - SVG태그는 파일의 모든 요소와 모든 속성에 애니메이션을 적용할 수 있습니다. ## SVG태그 SVG그래픽 ... - svg는 컨테이너로 묶음을 의미합니다. 내부에 그래픽을 담기 위한 그릇과 같은 태그입니다. 2. SVG의 stroke속성 - SVG태그는 다양한 스트로크 속성을 제공합니다. - stroke : 선색 속성 - stroke-width : 선 굵기 속성 - stroke-linecap : 선의.. [HTML기초문법] 14강 SVG태그 Path와 TEXT활용 - 오쌤의 니가스터디 1. SVG 태그란? - SVG태그는 Scalable Vector Graphics의 약자로 벡터 기반 그래픽을 XML 형식으로 정의하는 것을 의미합니다. - SVG태그는 SVG그래픽을 담기 위한 요소입니다. - SVG태그 내부에 담을 수 있는 것은 원, 사각형, 다각형, 라인, path 등이 있습니다. - SVG태그는 파일의 모든 요소와 모든 속성에 애니메이션을 적용할 수 있습니다. ## SVG태그 SVG그래픽 ... - svg는 컨테이너로 묶음을 의미합니다. 내부에 그래픽을 담기 위한 그릇과 같은 태그입니다. 2. 태그 - 태그는 일러스트레이터처럼 패스(선과 면)을 이용한 태그입니다. - 속성 중 d라는 속성에 다양한 패스 데이터를 사용할 수 있습니다. 1) 패스 데이터(path data) 데이터 종류.. 이전 1 2 3 4 5 다음
