css (2) 썸네일형 리스트형 CSS 활용 CSS 기능 (1) border : 테두리선 적용 min-height : 테두리선(박스) 최소 영역 * padding: 위쪽 오른쪽 아래쪽 왼쪽 (안쪽으로 밀어냄) * margin: 위쪽 오른쪽 아래쪽 왼쪽 (바깥으로 밀어냄) css3 박스 모델은 content, padding, border, margin으로 구성되어 있다 footer 지역입니다 실행결과 CSS shadow text-shadow : 텍스트에 그림자 생성 (좌우, 상하, 번짐도) box-shadow : 이미지에 그림자 생성 (좌우, 상하, 번짐도) 내용이 들어옵니다~~~ 실행결과 CSS 배치 display: flex : 가로로 나열 #아이디명 태그명:nth-child(n) : n번째 자식에게 부여 order : 자식 순서 설정 1 2 3 .. CSS 기초 CSS 선택자 (1) css 적용방법 : head태그 안에 style태그를 만든다 * {} : 전체 선택자 태그명 {} : 태그 선택자 # 변수명 {} : id 선택자 .클래스명 {} : 클래스 선택자 CSS 스타일 시트 표준안 웹 문서에 글꼴, 색상, 정렬과 각 태그의 배치 방법 등 디자인 적용 CSS구성 선택자(selector) : 디자인을 적용할 대상 지정 속성 : 어떤 디자인을 설정할지 속성 값 : 속성에서 선택한 디자인을 어떻게 반영할지 실행 결과 CSS 선택자 (2) * id를 부여할 경우 문서내의 유일한 값으로 사용, 문서내에서 동일한 id를 부여 불가능 * class는 다른 태그에서 사용 가능, 여러개를 동시에 부여 불가능 id를 부여할 경우 문서내의 유일한 값으로 사용 문서내에서 동일한 .. 이전 1 다음
