css의 형식
selector{속성:값;속성:값;}
selector:태그,클래스,아이디
- tag
선언: 사용할 태그 명<style> ul{ font-size: 30px; } <style> <body> <ul> <li>php</li> <li>spring</li> </ul> </body> //ul태그를 폰트사이즈 30px로 지정 -> ul의 자식인 li(php,spring)도 폰트사이즈 30px로 적용
2.class
선언: .class 이름/적용: class="class 이름"
여러번 적용가능
<style>
.test1{
font-size: 30px;
}
<style>
<body>
<ul>
<li class="test1">php</li>
<li>spring</li>
</ul>
</body>
//test1이라는 class를 가진 li이 태그만 폰트사이즈 30px 지정 -> php만 30px 적용
3.id
선언: #id 이름/적용: id="id 이름"
한 번만 적용 가능
<style>
#test2{
font-size: 30px;
}
<style>
<body>
<ul>
<li>php</li>
<li id="test2">spring</li>
</ul>
</body>
//test2라는 id를 가진 li 태그만 폰트사이즈 30px 지정 -> spring만 30px 적용
배운 거 머리에 집어넣기 위한 블로그