Dev_Swoody

12장 정리 미디어 쿼리의 속성 종류 설명 width, height 웹 페이지의 가로 너비, 세로 높이 min-width, min-height 웹 페이지의 최소 너비, 최소 높이 max-width, max-height 웹 페이지의 최대 너비, 최대 높이 device-width, device-height 단말기의 가로 너비, 세로 높이 min-device-width, min-device-height 단말기의 최소..

변형 함수 translate() 함수: 요소 이동하기 transform: translate(tx, ty) 지정한 크기만큼 x축과 y축으로 이동합니다. transform: translate(tx, ty, tz) 지정한 크기만큼 x축, y축, z축으로 이동합니다. transform: translateX(tx) 지정한 크기만큼 x축으로 이동합니다. transform: translateY(ty) 지정한 크기만큼 y축으로 이동합니다. transform:..

연결 선택자 종류 형식 설명 하위 선택자 상위요소 하위요소 상위 요소에 포함된 모든 하위 요소를 선택합니다. 자식 선택자 부모요소 > 자식요소 부모 요소에 포함된 자식 요소만 선택합니다. 인접 형제 선택자 요소1 + 요소2 요소1 이후 맨 먼저 오는 형제 요소를 선택합니다. 형제 선택자 요소1 ~ 요소2 요소1과 형제인 모든 요소를 선택합니다. 속성 선택자 ..

배경 이미지 관련 속성 종류 설명 background-color 배경색을 지정합니다. background-clip 배경색이나 이미지를 어디까지 적용할지 지정합니다. background-image 배경 이미지를 지정합니다. background-repeat 배경 이미지의 반복 방법을 지정합니다. background-position 배경 이미지의 위치를 지정합니다. background-ori..

08장 정리 박스 모델 속성 종류 설명 width 박스 모델의 너비를 지정합니다. height 박스 모델의 높이를 지정합니다. box-sizing 박스 모델의 크기를 계산하는 기준을 지정합니다. box-shadow 박스 모델에 그림자 효과를 추가합니다. 테두리 속성 속성 설명 border-style 상하좌우 4개 방향의 ..

글자와 관련된 속성종류설명font-family글자 종류를 지정합니다.font-size글자 크기를 지정합니다.font-style글자를 이탤릭체로 표시할지 지정합니다.font-weight글자의 굵기를 지정합니다. CSS 기본 선택자종류설명color글자색을 지정합니다.text-decoration텍스트에 밑줄이나 취소선을 표시할지 여부를 지정합니다.text-transform텍스트 전체, ㄸ또는 첫 글자를 대문자로 표시합니다.text-shadow텍스트에 그림자를 추가합니다.letter-spacing글자 사이의 간격을 지정합니다.word-spacing단어 사이의 간격을 지정합니다.text-align텍스트 정렬 방법을 지정합니다.line-height줄 간격을 조절합니다. 글자와 관련된 속성방법설명16진수빨강, 초록,..

스타일 시트 종류 설명 브라우저 기본 스타일 웹 브라우저에 웹 문서를 표시할 때 브라우저에서 기본으로 사용하는 스타일입니다. 인라인 스타일 style 속성을 사용해 필요한 요소에 스타일을 직접 지정합니다. 내부 스타일 시트 문서 앞부분에 문서에서 사용하는 스타일을 모아서 함께 정의하고 관리합니다. 외부 스타일 시트 뮨서에서 사용하는 스타일을 모아서 따로 파일로 지정한 후 연결해서 사용합니다. CSS 기본 선택자 ..