명령어 공부

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: scroll 넘친 컨텐츠는 잘리고, 스크롤바가 생겨서 스크롤해서 볼 수 있습니다. 필요하던, 하지 않던간에 가로/세로 스크롤바가 모두 생깁니다.

overflow: auto 넘칠경우 스크롤바가 자동으로 생깁니다. 가로/세로 필요한 부분에만 생깁니다.

overflow-x, overflow-y 가로, 세로 overflow 를 각각 제어하고자 한다면 overflow-x와 overflow-y를 사용합니다.

opacity 투명도를 조절할 수 있다.

box-sizing 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성입니다.

• content-box : 콘텐트 영역을 기준으로 크기를 정합니다.
• border-box : 테두리를 기준으로 크기를 정합니다.
• initial : 기본값으로 설정합니다.
• inherit : 부모 요소의 속성값을 상속받습니다.

display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical; / 글을 두줄로 만듬

border-radius 색상에 라운드를 줄 수 있음

position: absolute;  / 자유롭게 옮길 수 있다.

background: #000; 배경 색상을 지정

text-decoration: underline; 글씨 밑에 줄생김