부트스트랩
CSS를 다루는 방법을 알더라도 잘 꾸미는 것은 별개의 일이다.
부트스트랩은 잘만든 CSS를 미리 모아둔 것으로 미적 감각이 없더라도 선택만 잘하면 페이지를 잘 꾸밀 수 있게 된다.
부트스트랩을 사용하기 위해서는 외부에서 파일을 가져와야 하는데 다음과 같이 가져올 수 있다.
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</head>
<link> 태그를 통해서 CSS를 가져올 경로를 설정하고 <script>를 통해 가져올 수 있도록 만든다.
해당 코드를 추가한 다음 CSS를 모아놓은 페이지를 방문해서 코드를 통해서 가져올 수 있다.
페이지에서 사용하고자 하는 코드를 복사해서 내 html에 붙여놓도록한다.
그러면 선택한 디자인과 작동방식의 버튼을 만들 수 있게 된다. 버튼 이외에도 CSS로 꾸며진 다양한 태그들을 얻을 수 있기 때문에 웹 개발에 상당한 편의성을 제공한다.
'스파르타 > Web' 카테고리의 다른 글
[Web] 부트스트랩 활용 - ( week 1 ) (0) | 2023.04.09 |
---|---|
[Web] Spartapedia - ( week 1 ) (0) | 2023.04.07 |
[Web] 주석과 파일분리 - ( week 1) (0) | 2023.04.07 |
[Web] 구글 웹 폰트 - ( week 1) (0) | 2023.04.07 |
[Web] CSS 기초 2 - ( week 1) (0) | 2023.04.06 |