지금 saw를 걸은건 그냥 class 이름이 saw일 뿐이지 정말로 봤다는 의미는 아닙니다. 뒤에 추가적으로 visited를 달아준다면 실제로 본 페이지에 효과가 걸리겠지요. 예를들어 a태그에 마우스로 클릭한 상태일 때 색상에 변화를 주고 싶다면 a:active { color:red; } 이런 식으로 뒤에 진짜 그 효과를 달아주어야 말씀하신대로 적용이 되겠지요~ 마우스를 올린다거나 마우스를 영역 밖으로 뺀다거나 다양한 경우들이 있으니 공부해보셔요
궁금한 게 있는데요 제가 웹페이지를 실제로 봤느냐 아니냐에 따라서 색깔이 다르게 들어갈 수는 없는 건가요? 지금은 그냥 제가 saw를 걸면 a에 걸린 웹페이지를 봤건 말건 전부다 saw에 걸어놓은 색깔로 들어가서요.
혹시 원래 봤냐 아니냐에 따라서 색깔 달라지는 게 맞는 건데 제가 태그를 뭘 잘못 걸은 건지..아예 없는 웹페이지도 a로 걸어봤는데 전부 다 회색으로 뜨네요
저는,
제목과 아래에 작게 부제를 적고 싶어요.
제목에는 'title' 클래스 속성을 주고 <style> 로 폰트와 크기, 색을 변경했어요.
그런데 여기서 부제에서 제목과 같은 폰트에 같은 색으로 하고싶어요.
그러면 부제에도 또다른 클래스 속성을 주고, 폰트와 색은 같은 내용을 반복해서 써야하나요?
부제에서는 텍스트 크기의 내용만 적고 다른 속성은 그대로 두는 법이 없을까요?
(폰트 바꾸는 법을 내가 찾아보고, 내 힘으로 알아낸 방법으로 폰트가 바뀌었을때 엄청 기뻤어요!^^)
<!DOCTYPE html>
<html>
<head>
<title>6年2組</title>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@300&display=swap" rel="stylesheet">
<style>
.subtitle {
font-size: 15px;
text-align: center; #이 반복 되는 내용을 없애고 싶음
font-family: 'M PLUS 2', sans-serif; #이 반복 되는 내용을 없애고 싶음
}
.title {
font-size: 50px;
text-align: center;
font-family: 'M PLUS 2', sans-serif;
}
</style>
</head>
<body>
<div class="title">6年2組</div>
<div class="subtitle">令和3年度平岡公園小学校6年2組同窓会</div>
</body>
</html>