css

0열

1답변

하드 코딩 높이를 사용하지 않고 Vue.js 전환을 어떻게 사용할 수 있습니까?

버튼 클릭으로 확장하고 접을 필요가있는 요소가있는 Vue 앱이 있습니다. 효과를 덜어주기 위해 애니메이션을 적용해야합니다. 이 부분에 <transition> 태그를 사용하고 있지만 CSS의 요소 height을 하드 코딩하지 않으면 작동하지 않습니다. 요소가 동적 데이터를 포함하고 다양한 높이를 갖기 때문에 이는 작동하지 않습니다. 다음 <template>

1열

3답변

CSS 그리드 내부에 div를 중심에 넣기

HTML/CSS/JS를 배우는 중입니다. 제가 배우면서 모의 웹 사이트를 만들고 있습니다. 나는 CSS Grid로 모험을 시작했고 그리드 박스 내에서 아이템을 수평 및 수직으로 정렬하려고 노력하고있다. 나는 그리드가 레이아웃을 만드는 데 아주 강력하다는 것을 발견하고 어떤 이유로이 부분을 이해하지 못하고있다. 헤더에 head-content-container

0열

1답변

HTML 코드 및 CSS가 브라우저에서 작동하지 않는 이유는 무엇입니까?

나는 vscode과 wamp을 사용하여 간단한 웹 사이트를 만들고 있지만 문제는 내가 어떤 html도 바꿀 때 아무 일도 일어나지 않는다는 것입니다. 사실 두 개의 입력 태그와 divs이 있지만 표시되지 않습니다. 크롬 개발자 도구 및 메타 태그에서 캐시를 사용하지 않도록 설정했지만 아무런 반응이 없으며 xampp을 시도했지만 다시는 아무 반응이 없습니다.

1열

1답변

@page CSS를 통해 인쇄 여백 내용을 설정하는 중 작동하지 않습니다.

내 웹 사이트에서 페이지를 인쇄 할 때 여백에 표시되는 것을 변경하려고합니다. @page { @top-center { content: "Page " counter(page); } } 을 ...하지만 내가 노력할 상관없이,이 스타일은 완전히 무시 될 것 같다 : 나는과 같이 "페이지 여백 상자"의 내용을 설정하는 것이 가능해야

0열

2답변

CSS 정의 배경 이미지 일부 페이지에 나타나지 않습니다.

웹 사이트를 만들고 CSS에서 배경 이미지를 정의합니다. 여기 내 CSS 코드입니다. body { background-image: url('../background_image.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-pos

1열

1답변

SASS (지도)를 사용하여 테마 만들기

SASS를 처음 접했고 사용자가 웹 사이트에 대해 다른 테마를 선택할 수있는 권한을 부여하려고합니다. $theme-map: ( main-theme: ( primary: #007991, secondary: #55D3AE, tertiary: #D35555, gradientFirstColour: #007991,

1열

4답변

HTML/CSS : 플로트 요소 근처에서 단일 단어 고아를 방지하는 방법?

화면 너비가 충분하면 오른쪽 플로팅 이미지 주위에 텍스트가 멋지게 표시됩니다 (아래 첫 번째 예 참조). 그러나 뷰포트가 좁아지면 이미지의 왼쪽에 하나의 단어가 표시되고 그 아래에는 나머지 텍스트가 표시됩니다. 특히 처음 몇 단어 중 하나가 길면 길지 않습니다 (아래의 두 번째 예 참조). 이미지에 여분의 왼쪽 여백을 추가하지 않으면 (공간이 충분하지 않을

1열

1답변

Youtube Video Thumnbail을 배경 이미지로 설정하기 전에 비디오를로드하기 전에

비디오를로드하기 전에 Youtube Video Thumbnail을 볼 수 있는지 궁금합니다. <html> <head> <style> .video-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99;

0열

1답변

JavaScript/CSS 파일 용 PHP에서 다목적 상대 경로를 어떻게 에코합니까?

기본 프로젝트 폴더 아래에 기본 프로젝트 폴더 (/ root)와 하위 폴더 (/ root/sub)에 PHP 파일이 있습니다. 이 두 PHP 파일은 동일한 CSS 및 JS 파일이 참조되는 섹션이 각각 <head>이고/root/css 및/root/js 아래에 있습니다. 코드 복제를 피하기 위해 일관된 <head> 섹션을 가져 와서/root/module에 mod

1열

1답변

CSS 불투명도 애니메이션이 위치를 변경합니까?

불투명도를 변경하는 데 CSS 애니메이션 속성을 사용하면 요소의 위치가 변경됩니까? 그렇다면 DOM에서 무슨 일이 일어나고 있으며 어떻게 상쇄 될 수 있습니까? 컨텍스트 : 클릭했을 때 클릭 한 이미지가 페이드 인하는 CSS 애니메이션을 시작하는 함수를 호출하는 이미지 세트에 Javascript EventListener를 추가했습니다. CSS 클래스를 제거