CSS · HTML
HTML id=""
혜원21
2019. 10. 15. 22:07
*
id는 이전 과정에서 배웠던 class와 사용 방법은 동일하다. 다른 점은 id는 한 번만 쓸 수 있다는 거다. htnl문서에서 중복되지 않게 잘 확인하고 써야 한다. 특히 티스토리 스킨 편집 때는 더 조심해야 한다. 이미 쓰고 있을지도 모른다.
class는 css에서 .(점)을 쓰고 id는 #을 쓴다.
2019/10/15 - [웹코딩 어려워/· HTML] - HTML class=""
HTML class=""
class는 요소에 이름을 부여해 스타일을 적용하는 태그다. 이름이 같은 class를 부여한 요소는 똑같은 스타일을 받는다. 이 말은 class는 반복 사용할 수 있다는 말. ok! 근데 나 이거 알고 있었다능. 정리만 하..
nilgi.tistory.com
- id는 모든 요소에 사용 가능하다.
- 대소문자를 구분한다.
- id name은 공백을 포함 해서는 안된다.
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#idname {
background-color: lightblue;
color: gray;
padding: 40px;
}
.cname {
background-color: tomato;
color: white;
padding: 10px;
}
</style>
</head>
<body>
<h2>id와 class</h2>
<h1 id="idname">id는 중복사용 금지</h1>
<h2 class="cname">class</h2>
<p class="cname">는</p>
<h2 class="cname">중복가능</h2>
</body>
</html>
