javamemo

CSS를 사용하여 여러 개의 배경 이미지를 가질 수 있습니까? 두 개의 배경 이미지를 가질 수 있습니까?예를 들어, 하나의 이미지를 위에서 반복하고(반복-x), 다른 이미지를 전체 페이지에서 반복하고(반복), 전체 페이지에서 반복하고(반복), 전체 페이지에서 반복되는 이미지는 위에서 반복됩니다. html과 body의 배경을 설정하면 두 개의 배경 이미지에 원하는 효과를 얻을 수 있습니다. html { background: url(images/bg.png); } body { background: url(images/bgtop.png) repeat-x; } 이것이 "좋은" CSS입니까?더 좋은 방법이 있습니까?그리고 만약 제가 세 개 이상의 배경 이미지를 원한다면요?CSS3는 이러한 종류의 것을 허용하며 다..

초점을 잃었을 때 DOM에서 사라지는 html 요소를 어떻게 검사할 수 있습니까? 테이블 셀에 입력된 CSS 속성을 검사하려고 합니다.입력은 클릭하면 나타나고 초점을 잃으면 사라집니다. 마치 제가 검사하려고 할 때와 같습니다.다른 창(검사자)으로 이동하는 동안 초점을 잃지 않으려면 어떻게 해야 합니까?Chrome 브라우저에서 Developer Tools(개발자 도구)를 열고 Elements(요소) 탭을 선택한 다음, 검사할 요소의 상위 노드의 상황별 메뉴를 열고 상황별 메뉴에서 Break on > Subtree modifications(부분 트리 수정)를 클릭합니다. 나중에 페이지를 클릭하기만 하면 포커스를 잃지 않고 검사할 요소를 잃지 않고 검사자에게 연결됩니다. chrome devtools 설정에는 ..

미디어 쿼리가 화면 대신 div 요소를 기준으로 크기를 조정할 수 있습니까? 미디어 쿼리를 사용하여 크기를 기준으로 요소의 크기를 조정하고 싶습니다.div그들이 있는 요소.를 화면크사수없습다니로 할 수 .div웹 페이지 내에서 위젯처럼 사용되며 크기가 다를 수 있습니다.예, CSS 컨테이너 쿼리를 찾고 있습니다.CSS 격납 모듈은 이 기능을 자세히 설명하는 사양입니다.여기에서 브라우저 지원을 확인할 수 있습니다. 제안서, 개념 증명, 토론 및 더 광범위한 웹 개발자 커뮤니티의 기타 기여를 포함하여 10년간의 작업에 대해 더 자세히 읽을 수 있습니다!이러한 기능의 작동 및 사용 방법에 대한 자세한 내용은 미리암 수잔의 광범위한 설명자를 참조하십시오. 미디어 쿼리는 페이지의 요소를 기반으로 작동하지 않습니다..

사용자가 목록 항목을 마우스로 가리킬 때 커서를 손으로 바꾸는 방법은 무엇입니까? 목록이 있고 항목에 대한 클릭 핸들러가 있습니다. foo goo 마우스 포인터를 손 포인터로 변경하려면 어떻게 해야 합니까(예: 단추 위에서 마우스를 이동할 때)?목록 항목 위에 마우스를 놓으면 포인터가 텍스트 선택 포인터로 바뀝니다.사람들이 언급했듯이, 시간의 흐름에 비추어 볼 때, 이제 안전하게 다음을 사용할 수 있습니다. li { cursor: pointer; } 용도에 li: li:hover { cursor: pointer; } 스니펫 옵션 실행 후 예제와 함께 추가 커서 속성 보기: .auto { cursor: auto; } .default { cursor: default; } .none { cursor: none..

클래스가 있는 첫 번째 요소에 대한 CSS 선택기 클래스 이름을 가진 요소가 많이 있습니다.red하지만 첫 번째 요소를 선택할 수 없습니다.class="red"다음 CSS 규칙 사용: .home .red:first-child { border: 1px solid red; } blah first second third fourth 것은 이고 클래스가 첫 를 목표로 ?red?이것은 저자들이 어떻게 오해하고 있는지에 대한 가장 잘 알려진 예 중 하나입니다.:first-child효과가 있습니다. CSS2에 소개된,:first-child유사 클래스는 상위 클래스의 첫 번째 자식을 나타냅니다.바로 그겁니다.어떤 자식 요소든 나머지 복합 선택기에서 지정한 조건에 가장 먼저 일치하는 요소를 선택한다는 매우 일반적인 오해..