728x90
HTML 요소들을 사용하다 보면 해당 요소에 style 속성을 부여하여 사용하는 경우가 많다.
이 때, 중복되는 요소들을 사용하다 보면 style 속성에 같은 값을 넣어주게 되는데 이 부분을
좀 더 효율적으로 사용하기 위해 <style> 태그를 사용한다.
<style> 태그는 <head> 태그 안에서 사용해야한다.
<style>
th{
border: 1px solid gray;
}
</style>기본 사용법은 스타일을 적용할 요소 (ex 태그, 클래스, 아이디)를 명시해주고
정의할 속성들을 중괄호로 묶으면 된다.
태그의 경우는 태그명
클래스의 경우 .xxx
아이디의 경우 #xxx
클래스의 경우, 다중 상속이 가능하기 때문에 여러 클래스를 같이 사용할 수 있다.
<head>
<meta charset="utf-8">
<style>
.border{
border: 1px solid gray;
}
.backgroud{
background-color: aquamarine;
}
</style>
</head>
<body>
<table>
<thead>
<th class="border backgroud">제목</th>
<th class="border">이름</th>
</thead>
</table>
</body>
728x90
'Programming > HTML' 카테고리의 다른 글
| <table> 태그 사용하기 (0) | 2024.05.12 |
|---|