스파르타코딩클럽 웹개발 종합반 1주차 - HTML, CSS

HTML: 웹의 뼈대를 잡아주는 구역을 나타내는 코드

CSS: HTML을 통해 작성된 뼈대의 속성을 꾸며주는 코드, head 안에 style 공간 만들어 작성하거나 css 파일 작성

 

margin 바깥 여백, padding 안쪽 여백

중앙으로 정렬하기 위해서 margin 오른쪽 왼쪽 auto

 

/* font import */
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
        * {
            font-family: 'Jua', sans-serif;
        }


.test {
    /* 배경이미지 */
    background-image: url('url');
    background-position: center;
    background-size: cover;

    /* 이미지 어둡게 */
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))
    
    /* 투명 */
    background-color: transparent;
    
    /* 중앙 정렬 */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

 

구글 웹폰트: https://fonts.google.com/?subset=korean&noto.script=Kore 

부트스트랩 docs: https://getbootstrap.com/docs/5.0/components/accordion/

 

1주차 완성 웹페이지 github pages 배포

https://mabyoungg.github.io/mypage/

스파르타코딩클럽 | 부트스트랩 연습하기