반응형
1번
@import url을 이용해 불러올 수 있습니다. 또는
<link rel = "stylesheet"href="mystyle.css"> 로 불러올 수 있습니다.
2번
따로 css를 안 만들고 html 안에 넣을 수 도 있습니다. <style> </style>
3번
<a href=“http://www.naver.com” style=”text-decoration : none”>네이버</a>
태그 안에다가 style을 지정할 수도 있습니다.
속성 : 값
앞에서 알려준 거 와 같이 클래스로 접근할지 id로 접근할지 그 자체 태그로 접근할지에 따라
이름을 정해주고 중괄호 안에 적용시킬 목록을 적습니다.
4번 ,5번
#로 id나 .으로 클래스를 지정할 수 있습니다.
#two{
color:blue;
}
.three{
color:green;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<title>Document</title>
</head>
<body>
<div>
<div style="color:red">안녕하세요</div>
</div>
<div>
<div id = "two">안녕하세요</div>
</div>
<div>
<div class="three">안녕하세요</div>
</div>
</body>
</html>
반응형
'[HTML && CSS] > [CSS]' 카테고리의 다른 글
| [CSS] margin(마진) , padding(패딩), margin:auto[가운데정렬, 수직정렬, 정가운데 위치] (0) | 2021.06.24 |
|---|---|
| [CSS] float, clear (정렬) (0) | 2021.06.24 |
| [CSS] 가상클래스 셀렉터 (0) | 2021.06.21 |
| [CSS] 자식, 자손셀렉터 (0) | 2021.06.21 |
| [CSS] 태그에 접근방법 (id셀렉터 , class 셀렉터) (0) | 2021.06.21 |