728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>CSS연습</title>
<style>
/*
요소 선택자(Element Selector): 태그 이름으로 선택
클래스 선택자(Class Selector): 태그의 class 속성(Attribute)로 선택한다 <- 가장 많이 사용
아이디 선택자(ID Selector): 태그의 id 속성으로 선택한다. (#을 붙임)
*/
a {
color: #FFFFFF;
color: green;
}
.color-blue {
color: blue;
}
.text-big{
font-size: 50px;
}
#a-id {
color: chartreuse;
}
</style>
</head>
<body>
<a href="#" style="color: red; text-decoration: none;">I'm Red</a>
<br><a href="#">JUST A</a>
<br><a href="#" class="color-blue text-big">I'm big</a>
<br><a href="#" id="a-id">I'm ID</a>
</body>
</html>728x90
반응형
'정보 > WEB' 카테고리의 다른 글
| CSS형제선택자 연습 (0) | 2022.12.28 |
|---|---|
| CSS연습(자식선택자) (0) | 2022.12.28 |
| 폰트연습 (1) | 2022.12.25 |
| form활용하기 (0) | 2022.12.25 |
| HTML 날짜입력 메뉴 만들기 (0) | 2022.12.25 |