11주차 - jsp&css (10) 스타일을 그룹으로 적용해보자.

2022. 9. 14. 14:12jsp/css

이번의 목표

01.스타일을 그룹으로 한번에 지정해보자.


다수의 구역에 같은 스타일을 한꺼번에 적용할 때에는 번거롭게 각각의 구역에 스타일을 지정할 필요가 없습니다.

 

한번에 손쉽게 여러 구역을 그룹으로 적용할 수 있기 때문입니다.

 

01. jsp 코드
02. 실행 화면

01. jsp 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex05</title>
<style type="text/css">

	h2, p{color: red; font-family: "Small Fonts";}
</style>
</head>
<body>
	<h2>Group Selector_1</h2>
	<p>스타일 지정을 그룹으로 적용</p>
		<div>
			<h2>Group Selector_2</h2>
		</div>
</body>
</html>

02. 실행 화면