반응형
중복선택
-
CSS 기본 : 중첩요소 스타일링, 다중요소 스타일링컴퓨터 알아가기/HTML CSS 2021. 3. 15. 19:30
지난 시간에 이제 CSS가 어떻게 HTML과 연결되는자 style.css 파일을 이용하여 맛보기를 하였습니다. 여기에 class 및 id 속성을 이용하여 스타일링도 구조 이해를 해 보았습니다. 이번에는 중첩된 요소만을 지정해서 스타일링을 하는 방식과 심플한 코딩을 위하여 중복되는 요소를 같이 스타일링 하는 방식을 이해 해 보겠습니다. ▒ 중첩된 요소 스타일링 이번에는 하나의 Artcile에서 리스트 목록이 나타내어져 있는 요소들만을 지정해서 스타일링을 해 보도록 하겠습니다. 다음 예제는 서울을 나타내는 글입니다. 상기 브라우저에서 나타난 내역을 설명해 보면 ① '한국의 수도서울'은 빨간색으로 지정이 되어 있으며 조금 큰 글씨의 태그를 사용합니다. ② '조금 더 알아볼까요?'와 '서울의 상징물'과 '서울정..