css 추가 사항

프로젝트 하며 기억해줘야 할 것들 개인 기록 

 

padding : 본인 영역 

margin : 간격 변경

 

text-align : justify  // 줄 라인 

word-break:keep-all //단어 

 

가운데

vertical-align

 

테두리 -> 가상 선택자 이용하기 

::before , ::after 

->content:""; 넣어주기

 

가운데 배치

transform : translate(-50%)

 

맨 아래 배치

position:absolute

bottom:0

 

내가 주지 않은 패딩이 있을때(부트스트랩 사용과 같은..) -> padding에 0처리

padding:0;

 

글자 수 길어질 때 '...'으로 표현

overflow : hidden;

whitespace:nowrap;

text overflow:eilipsis;

(table일 경우 style -> table-layout : fixed)

 

position / display 구분 

position : div 겹치고 싶을 때

  ->부모한테 효과 줘야 한다

position:relative

 

display : 자식의 위치 잡을 때

 

 a {

            text-decoration: none;

            color: $black;

          }

 

 

<a href=""><button></button></a>

:a 링크 안에 버튼 주면 버튼 어디든 클릭했을 떄 a link가 다 받아진다