오물오물 개발일기

* background background-image : url(''); - 배경에 링크를 걸어서 상용 background-repeat : no-repeat; - 배경이미지를 반복해서 쓸지 안쓸지 background-position : center; - 이미지의 위치지정 background-size : cover; - 이미지의 크기지정

* margin, text-align, translate, text centering margin : auto; - 라인내에 한 컨텐츠만 정렬 시킬때 text-align : center; - 특성이 block가 아니라 inline의 경우에 텍스트 뿐만아니라 컨텐츠도 가운데로 정렬 가능 transform : translat(50%, 50%); - x,y 이동 가능 - 이동하거나 회전도 가능 line-height : - 폰트매트릭스를 이용하여 텍스트 수직 정렬이 가능하다. margin: auto text-align: center Text translate(50%, 50%) Text centering Text Text

* Input type ="date" 사용시 placeholder 없애기 input[type=date]::-webkit-datetime-edit-text { -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-month-field{ -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-day-field { -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-year-field { -webkit-appearance: non..