[왕초보] 웹개발 종합반 학습일지 1주차 (2)

* : 모든태그
부트스크랩 
남이 잘만든 예쁜 CSS꾸러미
예쁜 CSS를 미리 모아둔 것 !

*태그를 입력 시 :을 직접 입력하지않고 Tab을 누르면 자동입력된다. (조금이나마 피로감을 덜기 위한 편의성)

어떤 박스 안에 있는 내용물을 정렬할 때 사용함
display: flex;
        flex-direction: column; 또는 row
        align-items: center;
        justify-content: center;

column은 세로로 가운데 맞춰서 정렬

row는 가로로 가운데 맞춰서 정렬

.mytitle > button 

타이틀 안에 있는 모든 버튼에 명찰을 달아줌 →이것을 사용하면 모든 button에 class="mytitle"을 붙일 불편함이 없어짐

background-color: transparent;
뒷배경 투명화

border: 1px solid white
(해석 : 테두리의 선굵기가 1px이고 실선(soild)이며 흰색이다.)

Alt+Shift+F : 줄 정렬

box-shadow: 0px 0px 3px 0px blue;
테두리 끝에 그림자 및 테두리색 파랑으로 넣기