11주차 - jsp&css(1) Universal Selector
2022. 9. 13. 18:23ㆍjsp/css
이번의 목표
01. * (Universal Selector) 에 대해 알아보자
이번 글 부터는 <style> 태그에서 사용될 css 에 대해 보다 집중적으로 알아볼 것입니다.
지금까지 배워오면서 어떠한 대상을 선택할때 모든 객체를 대상으로 삼기 위해서 * 을 사용하는 것을 종종 보아왔습니다.
이번에는 이 * 모양이 jsp 내에서 무엇을 뜻하는 것인지, 무슨 기능을 하는 것인지를 알아볼 것입니다.
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>ex01</title>
<!-- style 태그 안에서 스타일의 대상을 * 로 하면 모든 객체를 대상으로 스타일을 지정한다.
* : Universal Selector
-->
<style type="text/css">
* {
color: red;
background-color: yellow;
font-size: 14px;
font-weight: normal;
}
</style>
</head>
<body>
<h1>모두 같은 색상</h1>
<h2>전체적으로 동일한 스타일 적용</h2>
<p>p태그에도 동일하게 적용 Universal Selector</p>
</body>
</html>02. 실행화면
'jsp > css' 카테고리의 다른 글
| 11주차 - jsp&css (6) 자식 객체에 스타일 적용하기 (0) | 2022.09.13 |
|---|---|
| 11주차 - jsp&css (5) [] 속성을 이용하여 스타일을 적용하기 (0) | 2022.09.13 |
| 11주차 - jsp&css (4) .class class를 지정하여 스타일을 적용하기 (0) | 2022.09.13 |
| 11주차 - jsp&css (3) #id 아이디를 지정하여 스타일을 적용하기 (0) | 2022.09.13 |
| 11주차 - jsp&css (2) 태그를 지정하여 스타일을 적용하기 (0) | 2022.09.13 |