HTML + CSS/css (2) 썸네일형 리스트형 [css] css단위 _ EM, REM EM : 부모요소 font 크기에 비례.ex) 부모요소의 font-size : 20px => 1em : 20px=> 3em : 60px* 부모요소의 font-size마다 비율이 달라짐.* 중첩된 요소에서는 'em'단위가 누적되어 계산. REM : 루트요소(HTML문서 '' 태그) font 크기에 비례.ex) 루트요소의 font-size : 16px => 1rem : 16px=> 3rem : 48px* 페이지 전체에서 일관된 비율 유지 가능. [css] css선택자 (+, ~, >, ' ') * 인접 형제 선택자(Adjacent sibling selector)' + ' :특정 요소 바로 다음에 위치하는 특정 형제 요소를 대상으로 스타일 적용.span + span { color: red;}첫번째 'span' 바로 다음인 두번째 'span' 에만 스타일이 적용됨. 첫 번째 스팬 두 번째 스팬 세 번째 스팬 => 여러 요소가 연속으로 나열될 때 특정 요소만을 선택할 때 유용. * 일반 형제 선택자' ~ ' : 형제요소들 중 지정요소 뒤에 위치하는 모든 형제 요소에 스타일 적용.p ~ span { color: green; /* 모든 요소에 적용됩니다. */}=> '' 태그와 '' 태그는 형제요소(같은 부모) Paragraph 1 Span 1 Span 2 => '' 태그가 .. 이전 1 다음