명령어 공부
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; 글씨 밑에 줄생김