웹개발 종합반, 1주차

#Naver 해킹?

 - HTML, CSS, JS를 가져오는 것. (뼈대, 꾸미기, 움직이기)

 

#CSS : 이름이 붙어 있어야 한다. 

-> class="name" --> .name{color: red;}

 

#구역

 

#배경 : 3개를 같이 쓴다고 생각해라. 

1. background-image: url;

2. background-position: center;

3. background-size: cover;

 

4. border-radius: -px;

 

#웹폰트

 

#주석 달기 : ctrl + /

 

#부트스트랩

 

 

#button 설정

.mytitle > button {
    width: 200px;
    height: 50px;
    background-color: transparent;
    color: white;
    border-radius: 50px;
    border: 1px solid white;
    margin-top: 10px;
}

 

# mytitle div 내의 button에 마우스 올렸을 때 두께 증가

.mytitle > button:hover {
    border: 2px solid white;

 

# 모바일 사이즈 설정

max-width: 500px;
width: 95%;

 

#Display 가운데 정렬 및 column or row 설정 

 

1.column

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

2. row 

.mybtn{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
}