💻 Front/CSS

HTML 작성할 때 자주 사용되는 태그는 , , , , , 총 6가지이다.  태그는 영역을 나눠준다. 태그도 영역을 나눠주는데 태그보다 높이가 높다. 태그는 이미지를 보일 때 사용되어 필수 속성이 src이다. 태그의 필수 속성은 type으로 기본은 text 입력칸이다. 그외 number일 경우 숫자이다. 태그는 흔히 아는 버튼이다. 태그는 링크 주스롤 연결할 때 사용되어 필수 속성은 href이다. 🔗 강의 링크https://youtu.be/CpUmhGdUHEA?si=rujIJKYz-jc0HpZc

'떠오른다'는 의미로 자리를 차지하지 않고 뜨게 된다. float: left / right; 이전의 flrat 요소들과 같은 조건이 적용되며 그 밑으로 들어가지 않고 빠져나오게 된다. clear: none / left / right / both; 🔗 강의 링크 https://inf.run/6oQW

유지보수를 위해 변수를 이용하여 요소 전반에 걸쳐 임의의 값을 변수에 저장한다. /* 속성 값을 기준으로 선택 */ a[href="https://www.yalco.kr"] { } /* 특정 속성이 있는 요소 선택 */ input[disabled]+label { } /* 속성값이 특정 텍스트를 포함하는 요소 */ span[class*="item"] { } /* 속성값이 특정 텍스트로 시작하는 요소 */ span[class^="fruit"] { } /* 속성값이 특정 텍스트로 끝나는 요소 */ span[class$="-1"] { } /* 마우스오버 */ a:hover { } /* 클릭중 */ a:active { } /* 체크된 것 */ input[type=radio]:checked+label { } /* 활..

상위요소에 flex 설정 display: flex; 가로축 기준으로 중앙 정렬 justify-content: center; 세로축 기준으로 중앙 정렬 align-items: center; 가운데 정렬할 때 브라우저 가로 넓이의 남은 공간에서 균등하게 배분하도록 위치 그러나 이건 이전 요소의 width가 정의되야 한다. margin: auto;