2024-03-15

2024. 3. 15. 17:29TIL

 

HTML - 뼈대

CSS - 꾸미기

JAVASCRIPT - 움직이기

 

vscode로 작성후 ALT+B 버튼 실행시

 

웹으로 보여지게 됨

 

 

css영역으로 꾸미기를 원하는 경우 class를 지정해준 다음
<head>안에 <style>이라는 태그에서 사용
background-image,position,size는 항상 세트메뉴로 같이 쓰임

 

줄맞춤이 필요할때
ALT+SHIFT+F 키를 이용해 정리

 

 

 

bootstrap을 이용하여 다른사람들이 미리 만들어놓은 css를 활용 가능하다

https://getbootstrap.com/docs/5.3/getting-started/introduction/

 

Get started with Bootstrap

Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.

getbootstrap.com

 

<div class="mytitle">
        <h1> 나만의 추억앨범</h1>
        <button>추억 저장하기</button>
    </div>

구역을 나누고 싶을땐 <div></div> 사용 

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

박스 안에 있는 내용물을 정렬하고 싶을때 이 4개의 코드를 자주 사용한다

 

1주차 강의 최종

 

'TIL' 카테고리의 다른 글

2024-03-21  (1) 2024.03.21
2023-03-20  (1) 2024.03.20
2024-03-19  (1) 2024.03.19
2024-03-18  (1) 2024.03.18
2024-03-13  (1) 2024.03.13