Younyc찬찬잉

flexbox 명령어는 아직 모든 브라우저에서 상용화되지 않았다고합니다. 작업하는 브라우저를 정확하게 확인하고 작업해야합니다. 그럼이제 flexbox 명령어를 이해해보는 시간을 가져보려합니다. flexbox : 기존 flex, position, table에서 더발전한 명령어입니다. 박스와 아이템들을 횡 또는 열로 자유자재로 정렬해줍니다. 해당 멸령어를 효과적으로 사용할 수 있도록 돕는 명령어들 flex-direction:column; = 아래로 정렬합니다. justify-content:flex-end; = 끝으로 밀어버리는 명령어 justify-content space-between : 사이에 균일한 간격을 줍니다. space-around : 둘레에 균일한 간격을 줍니다. space-evenly : 사이..

font-weight 폰트 크기 조절 font-size 폰트 사이즈 조절 line-height 글 줄간격 조절 margin-bottom 아래 간격을 마진으로 띄울 수 있음 margin-top 위에 간격을 마진으로 띄울 수 있음 font-family 폰트의 종류를 설정 할 수 있음 display 속성은 요소를 어떻게 보여줄지를 결정한다. none 보이지 않음 block 블록 박스 inline 인라인 박스 inline-block block과 inline의 중간 형태 justify-content 내부요소를 오른쪽에 정렬/ 배치 overflow: visible 기본값입니다. 넘친 컨텐츠는 상자 밖으로 보여집니다. overflow: hidden 넘친 컨텐츠는 잘려지고 보여지지 않습니다. overflow: scro..