css
1.display 속성값에 대하여 알아보자!
아무것도 보이지 않고 공간도 차지하지 않습니다.inline형태로 나타내기 때문에 width와 height를 설정할수 없습니다.!codepenjinn2u/embed/MWmvvjZ?default-tab=html%2Cresultblock 형태로 나타내기 때문에 앞뒤로 줄바꿈
2.antd를 통한 반응형 웹 구현하기
반응형 디자인을 어떻게 할것인가에 대해서 많은 고민을 했었지만, 신경써서 구현한 적이 없었던것 같다. 따라서 이번에 antd를 활용해서 반응형웹을 구현해 보았다. 나는 가장 큰화면일 때 3개의 카드를, 중간 화면일 때 2개의 카드를, 최소 사이즈의 화면일 때 1개의 카
3.토글 버튼을 자연스럽게 구현하기
문제 토글 버튼을 구현할이 생기게 되었다. 이때 가상 선택자를 활용해서 active일 때 토글버튼을 회전시킬 생각이었다. 하지만 계속 클릭하고 있는 상태에서만 회전이 유지되고 클릭을 해제한다면 다시 원래대로 돌아왔다. 따라서 내가 원하는 결과로 되지 않았다. 사용자
4.넘치는 text ... 처리하기
width를 지정해줘야한다.display: block을 해줘야한다.overflow: hidden을 해야한다hidden속성은 width를 벗어나는text를 잘라준다.text-overflow: ellipsis...표시를 해 준다.!codepenjinn2u/embed/OJg
5.block요소에 line이 길어질 경우 생략하기
유튜브를 보다가 이렇게 특정 줄 이상일 경우 ... 표시가 되어있는것을 알 수 있다. 어떻게 할까??생략하고 싶은 블럭에 display: -webkit-box; 로 설정을 해 준다.이렇게 해준다면 해당 요소에 -webkit 속성을 사용할 수 있다.\-webkit-lin