CSS 클래스 선택자 예제1

• 

  CSS 클래스 선택자 란? CSS 클래스 선택자 class 라는 전역 속성을 태그에 설정하여, 스타일 시트를 적용하기 위해서는 클래스 선택자를 사용해야 합니다. 그럼 예제를 통해서 살펴보도록 하겠습니다. 먼저, HTML 코드 중 span 과 p 태그의 속성으로 class 를 설정합니다. class 뒤에 값은 개발자가 원하는 이름을 설정합니다. span 과 p 태그에 동일한 class 이름이 설정되었죠. [index.html] This is a heading This is a paragraph. HTML 로 골격 즉 구조를 잡았으니 이제는 CSS 로 꾸며봅시다. [main.css] /* CSS 코드 */ .atom{ color : orangered; } CSS 코드에서는 바로 클래스 선택자를 사용했습니다. 클래스 선택자의 문법 은 .. 앱 만들기/CSS 2023. 6. 3.