빅데이터 부트캠프/CSS2 빅데이터 부트캠프 79일차 (CSS) float - 웹 페이지에서 이미지를 텍스트와 어떻게 부유시킬지 설정하는 속성 ※ 부유 = 기본적인 문서 배치에서 벗어나 요소의 모서리를 페이지의 왼쪽이나 오른쪽으로 이동시키는 것 - left = 이미지를 페이지 왼쪽, 텍스트를 페이지 오른쪽으로 배치 - right = 이미지를 페이지 오른쪽, 텍스트 페이지 왼쪽으로 배치 clear - float의 영향을 받지 않도록 하는 속성 - float과 마찬가지로 left, right, both 속성 존재 - .clearfix:after{ content: ""; display: block; clear: both } position - 해당 태그를 어디로 위치시킬지 설정하는 속성 - top, bottom, left, right 등의 위치 속성 요소와 함께 입력 - .. 2022. 10. 31. 빅데이터 부트캠프 78일차 CSS(Cascading Style Sheets) 정의 - HTML 등의 마크업 언어로 작성된 문서가 실제로 웹 사이트에 표현되는 방법을 정해주는 스타일 시트 언어 종류 1. 인라인 스타일 - 태그 안에 style 속성을 이용하여 CSS 적용 2. 임베디드 스타일 - (HTML의 CSS 태그)을 이용하여 CSS 적용 3. 링크 스타일 - CSS 파일을 따로 만들어 CSS파일 링크를 통해 적용 선택자(Selector) 1. 태그 선택자 -> [태그명 {속성명 : 속성값;}] 형태로 입력하여 설정 2. 그룹 선택자 -> [태그명1, 태그명2, ... {속성명 : 속성값;}] 형태로 입력하여 여러 태그에 대해 공통적으로 설정 3. 클래스 선택자 -> [.클래스명 {속성명 : 속성값;}] 형태로 입력하여 설정 .. 2022. 10. 28. 이전 1 다음
