반응형

HTML 5

iframe에 CSS를 어떻게 적용합니까?

iframe에 CSS를 어떻게 적용합니까? iframe 섹션(RSS 링크 표시)이 있는 간단한 페이지가 있습니다.어떻게 하면 메인 페이지에서 iframe에 표시된 페이지에 동일한 CSS 형식을 적용할 수 있습니까?편집: 적절한 CORS 헤더를 설정하지 않으면 도메인 간에 작동하지 않습니다. 여기에는 두 가지 다른 것이 있습니다: iframe 블록의 스타일과 iframe에 포함된 페이지의 스타일입니다.일반적인 방법으로 iframe 블록의 스타일을 설정할 수 있습니다. iframe에 포함된 페이지의 스타일은 하위 페이지에 포함하여 설정해야 합니다. 또는 Javascript를 사용하여 상위 페이지에서 로드할 수 있습니다. var cssLink = document.createElement("link"); css..

programing 2023.05.29

CSS 배경 확장 및 확장

CSS 배경 확장 및 확장 컨테이너를 채우기 위해 CSS의 배경을 확장하거나 확장할 수 있는 방법이 있습니까?CSS 3 속성 사용background-size: #my_container { background-size: 100% auto; /* width and height, can be %, px or whatever. */ } 이 기능은 2012년부터 최신 브라우저에서 사용할 수 있습니다.최신 브라우저에서는 다음을 사용하여 이를 수행할 수 있습니다. body { background-image: url(bg.jpg); background-size: cover; } cover이미지를 수직 또는 수평으로 늘려서 타일링이나 휘어짐이 발생하지 않도록 하는 것을 의미합니다. Safari 3(또는 그 이후), Ch..

programing 2023.04.19

브라우저 창의 높이를 100%로 구분하는 방법

브라우저 창의 높이를 100%로 구분하는 방법 . 왼쪽div의 '우'입니다.div. ★★★★★div을 띠다background-color사용자 브라우저 창의 높이에 따라 수직으로 확장해야 합니다.지금으로서는background-color 내용의 div. height:100%,min-height:100%; 등등.CSS 3 측정 유닛은 다음과 같습니다. Viewport-Percentage(또는 Viewport-Relative) 길이 Viewport-Percentage 길이란 무엇입니까? 위의 링크된 W3 후보 권장 사항: viewport-percentage 길이는 처음 포함된 블록의 크기에 상대적입니다.초기 포함 블록의 높이 또는 폭이 변경되면 그에 따라 크기가 조정됩니다. 는 「」입니다.vh 높이 (뷰포트 높..

programing 2023.04.14

div의 요소를 수직으로 정렬하려면 어떻게 해야 합니까?

div의 요소를 수직으로 정렬하려면 어떻게 해야 합니까? 는 나나 a a a가 있다div와 1개의 이미지가 .h1모두 div 안에서 서로 옆으로 수직으로 정렬해야 합니다. 중 는 '''로 해야 '''absolute에 div. 이것이 모든 일반적인 브라우저에서 작동하기 위해 필요한 CSS는 무엇입니까? testing... 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아.오해'의가 바탕이 되어 .vertical-align이 에서는 다음과같이 설명하고 있습니다. 이해 또는 Gavin Kistner의 "How (Not) To Verticalally Center Content" (수직적으로 콘텐츠를 중앙으로 집중시키는 방법) "How to center in CSS"는 다양한 상황에서 필요한 CSS ..

programing 2023.04.09

본문을 브라우저 높이의 100%로 만듭니다.

본문을 브라우저 높이의 100%로 만듭니다. 는 i다 i i i를 만들고 싶다body100%CSS c 、 CSS 、 CSS 、 CSS 。 ★★★★★★★★★★★★★★★★를 설정해 보았다.height: 100%하지만 작동하지 않습니다. 브라우저 창 전체를 채우는 페이지의 배경색을 설정하고 싶은데, 페이지의 내용이 적으면 하단에 보기 흉한 흰색 막대가 나타납니다.html 요소의 높이도 100%로 설정해 보십시오. html, body { height: 100%; } Body는 부모(HTML)에게 동적 속성 축척 방법을 확인하므로 HTML 요소도 높이를 설정해야 합니다. 그러나 본문의 내용은 아마도 동적으로 변화해야 할 것이다.최소 높이를 100%로 설정하면 이 목표를 달성할 수 있습니다. html { heigh..

programing 2023.04.09
반응형