HTML/CSS

Semantic Web 의미: 의미론적인 웹 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’ 을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 Semantic Tags Sementic Web을 구현하기 위한 의미를 가진 태그들

- class 자주 사용되는 스타일에 적용하는 것 정의 방법: class_name{속성명:속성값; 속성명:속성값;} - id 정의 방법 : #id_name{속성명: 속성값; 속성명:속성값;} 한페이지에서 한 번만 사용 가능 (cl

html에서 p에만 Nerko One이라는 폰트를 적용하고자 구글 폰트에서 import주소와 font-family를 따왔다.

요소의 위치 지정기본 값정적(static) 엘리먼트는 위치가 지정된 것이 아니라고 표현 static이 아닌 다른 값으로 지정된 엘리먼트에 대해 위치가 지정됐다고 표현 딱히 위치 이동 x ( 별도의 프로퍼티를 지정하지 않는 이상 )top, right, bottom

주 사용이미지 주변에 텍스트를 감싸기페이지 전체의 레이아웃을 잡을 때과거에 레이아웃 잡는데 사용함.최근 레이아웃 잡는데 사용하는 것 flex > float none : 요소를 띄우지 않습니다. (default)left : 요소 자신을 포함하고 있는 컨테이너의 왼쪽으로

display의 값 기본 값: block, inline, inline-block, none 이 외: list-item, table 등 전체 목록 링크 block 요소 대부분의 HTML element(이하 요소)가 해당 의미 이

디스플레이의 종류에 따라 화면의 크기가 자동으로 변하는 웹 페이지를 의미Responsive Web 을 구현하는 CSS technique특정 조건에서는 어떤 CSS 를 적용 하라는 규칙 부여 가능CSS에 @media 라는 문법으로 작성예시해석@media — media

아래 값들을 인자로 받아 요소를 가로선 상에서 정렬flex-start: 요소들 정렬 ⇒ 컨테이너의 왼쪽flex-end: 요소들 정렬 ⇒ 컨테이너의 오른쪽center: 요소들 정렬 ⇒ 컨테이너의 가운데space-between: 요소들 사이 ⇒ 동일한 간격space-