CSS

CSS 문법은 크게 선택자와 선언부로 구분 h1{<span style='background-color: h1 👉 선택자<span style='background-color: <span style='background-color: <span sty

CSS 적용 방법: 내부 스타일 시트, 외부 스타일 시트, 인라인 스타일HTML 파일 내부에 CSS 코드를 작성하는 방법.style 태그로 CSS 코드를 감싼다.CSS 코드를 작성하는 별도 파일을 만들어 HTML 문서와 CSS를 연결하는 방법.별도 파일을 link 태그

기본 선택자: 전체 선택자, 태그 선택자, 아이디 선택자, 클래스 선택자, 기본 속성 선택자모든 요소를 한 번에 선택자로 지정하는 방법✍ 코드 예시HTML 태그명으로 선택자를 지정하는 방법✍ 코드 예시id 속성값을 이용해 선택자를 지정하는 방법👉 속성값 앞에는 ✍ 코

텍스트 꾸미기 속성: font-size, color, text-decoration, text-align텍스트 크기를 변경하는 속성속성값으로는 단위를 포함한 크기를 넣음.font-size:14px;텍스트의 색상을 지정하는 속성속성값으로는 색상을 표현하는 값을 넣음.col

박스 모델 구성 속성: margin, border, padding, content박스 모델이란?👉 모든 HTML 요소가 사각형의 박스로 둘러 쌓여 있다는 개념마우스 오른쪽 클릭 혹은 F12를 누르면 박스 모델 영역 확인 가능👉 박스 모델에서 가장 외부에 있는 영역으

그리드 레이아웃이란?👉 웹 페이지에서 2차원 방식으로 레이아웃을 설계할 수 있도록 고안된 스타일 속성그리드 레이아웃은 display 속성값을 grid나 inline-grid로 지정하는 것에서 시작함.✔ 해당 속성이 지정된 요소는 그리드 컨테이너, 자식 요소는 그리드

미디어 쿼리란?👉 사이트에 접속하는 미디어 타입과 특징, 해상도에 따라 다른 스타일 속성을 적용하게 하는 기술미디어 쿼리 형식 - 미디어 쿼리는 @미디어 문법으로 시작 not : 뒤에 오는 모든 조건을 부정 only : 미디어 쿼리를 지원하는 기기만 미디어 쿼리