CSS (4) 썸네일형 리스트형 Next.js HTML 파일 JSX 형식으로 변환하는 방법 https://www.youtube.com/watch?v=eHB6hMiv0lw html로 대부분 작업된 웹 개발 환경을 너무너무너무 react 환경으로 바꾸고 싶은데 나는 프론트앤트 , 퍼블리셔가 아니라서 html을 react로 치환하고 있을 시간이 없어 해당 방법을 알아보았다 그렇다고 멋진 백엔드도 아니니까 결국 게을러서 ...... 코딩 is 심플 .... 일단 위의 방법을 따라하면 상용된 HTML 또는 현재 사용중인 웹 페이지에서 해당 html을 가져온다 https://bubble.io/templates Templates for Bubble Buy and sell Bubble template to speed up app development. Bubble is a visual programing l.. CSS : <div class="overflow-hidden ..."></div> overflow-hidden 이 뭐지 ? hidden Tailwind CSS의 클래스 중 하나로, 해당 요소의 내용이 넘칠 때 넘친 부분을 감출 수 있도록 설정하는 클래스입니다. 이 클래스를 사용하면 요소의 크기를 벗어나는 내용이 자동으로 잘려서 보이지 않게 됩니다. overflow-hidden 클래스는 일반적으로 컨테이너나 박스 형태의 요소에 적용되며, 다양한 상황에서 유용하게 사용될 수 있습니다. 예를 들어, 이미지 갤러리, 카드 레이아웃, 뉴스 기사 등의 요소에서 내용이 넘칠 경우, 이 클래스를 사용하여 넘친 부분을 감출 수 있습니다. Tailwind CSS는 매우 유연한 CSS 프레임워크로, 다양한 유틸리티 클래스를 제공합니다. 이러한 클래스들을 조합하여 원하는 디자인을 쉽게 구현할 수 있습니다. overflow-hidden 클래스는 그.. HTML /CSS 기초 문법 : 선택자 /자식태그/ /*선택자(selector)*/ div#header-center { margin: 0 auto; width: 1080px; } /*자식태크 불러오기 */ div#header-search> h1 { width: 280px; } div#header-search h2 { display: none; } #header-search fieldset{ width: 520px; } /*자손태그 불러오기*/ /*#header-center h1{ }*/ CSS - CASCADING STYLE SHEET 조상태그의 기본CSS가 존재하고 자식 태그에도 자동으로 덮어씌어 진다. 이 기능을 잘 활용해야한다. 네이버를 시작페이지로 네이버 검색창 검색 검색 메일 카페 블로그 지식인 쇼핑 네이버페이 실시간 검색어 연합뉴스 충격) 이준.. <img> 태그 확대 CSS https://homzzang.com/b/html-55 홈짱닷컴 홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL homzzang.com css .img3 img { display: block; width: 100%; height: auto; transition: transform 0.25s ease-in-out; } .img3 img:hover { transform: scale(1.2); } html 이전 1 다음
