수달이네 기술 블로그

display: flex:부모 요소에 display:flex; 를 주면 그 안의 직계 자식들을 한 줄에 정렬하는 레이아웃 모드가 된다.부모: flex컨테이너자식: flex아이템 A B C .box{ border:1px solid black; width: 500px; height: 500px; display:flex;}.div-box{ border: 1px solid black; width:100px; height: 100px;}flex를 적용하면 위와 같이 변한다.왼쪽은 적용 전, 오른쪽은 적용 후이다.기본적으로 flex를 적용하게 된다면(display:flex)메인축(main axis = 좌 우교차축(cross ax..

태그종류 html 주석/* */ css주석 ~ ~ 제목태그 - 블록요소, 굵은글씨-인라인요소 인라인요소 기울임 글씨 - 인라인요소 한줄 전체 가로선-블록요소 줄바꿈 - 블록요소,, 리스트 태그-블록요소, , , 테이블태그-블록요소 링크태그 - 인라인요소 이미지태그-인라인요소, 입력태그-인라인요소 블록요소블록요소와 인라인요소블록 요소: 한줄을 전부 차지함자동 줄바꿈, 안에 인라인요소, 다른 블록요소를 포함함.인라인요소: 줄바꿈 없이 같은 줄에 이어짐텍스트 일부, 작은 단위를 꾸밀 때 사용블록 요소안에서만 정상적으로 꾸밈CSS(Cascading Style Sheets)HTML로 만든 웹 문서의 스타일 담당인라인 스타일스타일을 적용시킬 태그에 style속성을 사용내부 스타일영역에 태그를 추가하여 사..