CSS

Project를 하다가 자세히 알아보고 싶은 속성이 생겨 기록해두려 한다.flex와 opactity이라는 프로퍼티를 알아보도록 하자.The flex CSS shorthand property sets how a flex item will grow or shrink to

프로젝트에서 배경사진을 화면에 꽉 채우기 위하여 방법을 생각해보았다.코드는 다음과 같다.우선 가장 큰 container에 배경화면에 관한 css 속성을 지정해줘야한다.기존에 나는 width:100% 속성도 입력했지만 height:100%로 속성을 지정해주면 width도

css 색상을 디자인을 할 때 여러 가지 색상 및 한가지 색상에 대한 색깔 조절을 할 필요가 있다.이 때 유용한 라이브러리를 기록해두고자 한다.$ npm install open-coloropen-color 라이브러리는 다양한 색상을 모아둔 라이브러리이다.원하고자하는 색

input태그를 styling하다 border속성과 outline속성의 차이가 무엇일까 궁금하여 작성한다.border은 요소의 안쪽선을 정의하도록 하는 속성이다.border은 element 안쪽에서 만들어진다.border은 공간을 차지한다.borderborder:non

CSS에서 display 속성은 HTML 요소의 레이아웃을 지정하는 데 사용됩니다. 이 중에서도 inline, block, inline-block display 속성은 가장 많이 사용되는 속성 중 하나입니다. 이들 속성의 차이는 다음과 같습니다.inline텍스트와 같이

위 사진과 같이 체크박스가 포커스가 되면 체크박스 테두리에 파란색 선이 생기는 것을 확인할 수 있다.브라우저 자체적으로 체크박스가 포커스되면 위 같이 보이도록 설정된 것 같아보인다.이를 없애주려면 어떻게 해야할까?이를 제거하기 위해서는 다음과 같이 tailwind cs