css를 html에 적용하는 방식
첫 번째
html내의 <head></head> 태그 속에서 <style></style>태그를 이용한 방식.두 번째
style.css파일을 따로 만들어주고
<link
rel="stylesheet"
href="folder위치/file이름.css"
/>
로 설정해 두고 style.css파일에서 css코딩을 하면된다.html의 정보에 대해 css가 적용하는 방식
첫 번째
예를들어
<body>
<h1>안녕하세요</h1>
<span>안녕하세요</span>
<p>안녕하세요</p>
</body>
html의 body태그속에 여러 태그들이 있다.
h1태그를 css로 불러오고 싶다면 css파일 혹은 <style></style> 태그속에서
h1{
코딩작성
}
span태그를 불러오고싶다면?
span{
코딩작성
}두 번째
<form id = "login-form">
코딩작성
</form>
form을 id로 작성했다면
css파일 혹은 <style></style> 태그속에서
#login-form{
코딩작성
}세 번째
<form class = "login-class">
코딩작성
</form>
css파일 혹은 <style></style> 태그속에서
.login-class{
코딩작성
}위 방식을 적용하여 글씨 크기, 위치, 애니메이션효과 등 다양한 기능이 포함된 css를 활용하여 단조로운 html의 모습을 사용자에게 보기 좋게 꾸밀 수 있는 기능을 가진 것이 css의 강력한 무기이자 장점이라고 생각한다.
개발자를 꿈꾸는 사람입니당