<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>02_외부스타일 시트의 적용</title>
<link rel="stylesheet" href="css/mystyle.css">
</head>
<body>
<h1>외부스타일 시트의 적용</h1>
<ol>
<li>선택자</li>
<li><다양한 속셩명과 속성값/li>
</ol>
<h2>선택자</h2>
<p>css를 공부할 때에는 다양한 선택자를 공부하게 된다. 내가 원하는 영역에 스타일을 주기 위해 태그 선택자를 사용할수도 있고 부모>자식을 선택하는 자식 선택자>를 사용할 수도 있고 부모 안의 자식이나 손주까지 모두 선택할 수 있는 자손 선택자(한칸 띄우기)를 사용할 수도 있고, 특별히 별칭을 주는 클래스 선택자나 아이디 선택자도 사용 가능하다.
</p>
<h2>다양한 속성명과 속성값</h2>
<p>스타일의 종류는 다양하다. 스타일을 주기 위해서는 다양한 속성명과 속성값을 공부해야 한다. 배경색, 글자색, 블럭의 선을 주기 위한 방법으로 background-color, color, border: 1px solid red와 같은 스타일을 주는 다양한 속성명과 속성값을 공부하게 된다.</p>
</body>
</html>
'CSS, Javascript, jQuery > code' 카테고리의 다른 글
| stabucks sub page Ex (0) | 2023.03.30 |
|---|---|
| 다양한 커서의 활용 (0) | 2023.03.30 |
| favicon의 활용 (0) | 2023.03.30 |
| css의 다양한 선언방식 (0) | 2023.03.30 |
| 다양한 선택자와 스타일 (0) | 2023.03.30 |