728x90
반응형
HTML을 이용하여 웹을 만들지만 불만이 나오게 되면서 CSS 등장
-> 이유는 인간은 아름다움을 추구하기 떄문이다
CSS는 BODY에 있는 내용을 전체적으로 변경 가능한 언어다.
예를 들어
<a>태그가 1억개가 있다고 생각해보면 CSS를 사용하지 않고 1억개의 태그를 변경한다고 생각해보면 정말 아찔하다.
하지만 CSS를 사용하면 훨씬 간단해 진다.
head 부분에 <style>~</style> 을 넣고 style 태그 사이에
ex)
<style>
a {
color:black;
text-decoration: none;
}
h1 {
text-align: center;
font-size : 40px;
border-bottom : 1px solid black;
margin : 0;
padding : 20px;
}
#grid {
border : 5px solid green;
display: grid;
grid-template-columns: 180px 1fr;
}
div{
border:5px solid pink;
padding: 10px;
}
.saw {
color: deeppink;
}
</style>
이런 식으로 넣으면 된다.
태그 관련은 '#'이나 '.' 없이 <a> 태그이면 a 만 넣으면 된다.
class 에 스타일을 넣으려면 class 이름이 saw 면
.saw를 이용해서 스타일을 넣어야한다.
id 를 이용하면 예를 들어 id="grid" 라 했을 때
#grid를 이용하여 스타일을 넣으면 된다. (위에 예시를 보고 확인해보길..)
-부록-
반응형
