반응형

CSS 16

이미지 아래 공백 제거

이미지 아래 공백 제거 이 질문에는 이미 다음과 같은 답이 있습니다. 내부 div 이미지 아래에 추가 공간이 있습니다. (10개 답변) 마감됨7년 전에. Firefox에서 비디오 썸네일만 이미지 하단과 테두리 사이에 2-3픽셀의 신비로운 공백을 표시합니다(아래 참조). 파이어버그에서 생각나는 모든 것을 시도했지만 실패했습니다. 이 공백을 어떻게 제거할 수 있습니까? 여러분은 하강자를 위한 공간('y'와 'p'의 바닥에 늘어뜨린 조각)을 보고 있습니다.img기본적으로 인라인 요소입니다.이렇게 하면 간격이 제거됩니다. .youtube-thumb img { display: block; } 블록 모드를 수정하지 않으려면 아래 코드를 사용할 수 있습니다. img{vertical-align:text-bottom} ..

programing 2023.07.28

하위 요소에 따라 요소에 CSS 스타일 적용

하위 요소에 따라 요소에 CSS 스타일 적용 이 질문에는 이미 다음과 같은 답이 있습니다. CSS 부모 선택기가 있습니까? (33개 답변) 마감됨2년 전에. 커뮤니티는 10개월 전에 이 질문을 다시 할지 여부를 검토한 후 이 질문을 닫았습니다. 원래 종료 이유가 해결되지 않았습니다. 일치하는 요소가 특정 요소(직접 하위 항목)를 포함하는 경우에만 적용되는 요소에 대한 CSS 스타일을 정의할 수 있습니까? 저는 이것이 예를 들어 설명하는 것이 가장 좋다고 생각합니다. 참고: 포함된 자식 요소에 따라 부모 요소의 스타일을 조정하려고 합니다. 주 2: 자바스크립트를 사용하여 이것을 달성할 수 있다는 것을 알지만, 저는 단지 이것이 (저에게) 알려지지 않은 CSS 기능을 사용하여 가능한지 궁금했습니다.구문은 다..

programing 2023.07.28

왜 CSS는 가짜 요소와 함께 작동합니까?

왜 CSS는 가짜 요소와 함께 작동합니까? 우리 반에서 장난을 치다가 CSS가 구성 요소와 함께 작동한다는 것을 알게 되었습니다. 예: imsocool { color:blue; } HELLO 제 교수님이 제가 이것을 사용하는 것을 처음 보았을 때, 그는 제가 만든 요소들이 효과가 있다는 것에 약간 놀랐고, 제가 만든 모든 요소들을 단순히 ID가 있는 단락으로 바꾸라고 권했습니다. 왜 교수님은 제가 화장품을 사용하는 것을 원하지 않습니까?효과적으로 작동합니다. 또한, 왜 그는 CSS와 함께 작동하는 구성 요소가 존재하고 있다는 것을 몰랐습니까?그들은 흔하지 않나요? 왜 CSS는 가짜 요소와 함께 작동합니까? (대부분의) 브라우저는 향후 HTML에 추가될 요소와 (어느 정도) 전방 호환되도록 설계되었습니다...

programing 2023.07.28

왜 그들은 px대신에?

왜 그들은 px대신에? 를 당의신스크거기정한들었다다니습으로 정의해야 .em픽셀 단위가 아닌그래서 문제는 내가 왜 사용해야 하느냐는 것입니다.em에 pxCSS에서 스타일을 정의할 때?이것을 설명할 수 있는 좋은 예가 있습니까?둘 중 하나가 다른 하나보다 더 나은 선택이라고 말하는 것은 잘못된 것입니다(또는 둘 다 규격에서 고유한 목적이 주어지지 않았을 것입니다).스택 오버플로는 px 단위를 광범위하게 사용한다는 점에 유의할 필요가 있습니다.그 질문이 시사하는 것은 잘못된 선택이 아닙니다. 단위의 정의 px는 절대 측정 단위(예: in, pt 또는 cm)이며, 단위의 1/96(나중의 이유에 대한 자세한 내용)이기도 합니다.절대 측정이므로 브라우저 창의 크기나 글꼴 크기와 같은 다른 크기에 비례하지 않고 특정..

programing 2023.07.18

백그라운드에서 CSS 이미지 확장 및 축소 - CSS만 사용

백그라운드에서 CSS 이미지 확장 및 축소 - CSS만 사용 브라우저 뷰포트 크기에 따라 배경 이미지가 확장되고 확장되기를 원합니다. 스택 오버플로에서 예를 들어 확장 및 확장 CSS 배경과 같은 작업을 수행하는 몇 가지 질문을 참조하십시오.잘 작동하지만 다음을 사용하여 이미지를 배치합니다.background이 아닌img꼬리표를 달다 그 중에 animg태그가 배치되고, CSS를 사용하여 우리는 그것에 경의를 표합니다.img꼬리표를 달다 width:100%; height:100%; 그것은 효과가 있지만, 그 질문은 약간 오래되었고, CSS 3에서 배경 이미지 크기 조정이 꽤 잘 작동할 것이라고 말합니다.저는 이 예를 처음에 시도해 보았지만, 저에게는 잘 되지 않았습니다. 그것을 할 수 있는 좋은 방법이 있..

programing 2023.06.03

용기 크기를 기준으로 글꼴 크기 조정

용기 크기를 기준으로 글꼴 크기 조정 글꼴 크기 조정을 이해하는 데 어려움을 겪고 있습니다. 있습니다.font-size하지만 100%가을 의미합니까하지만 100%?이것은 16픽셀로 계산되는 것처럼 보입니다. 저는 100%가 브라우저 창의 크기를 가리킬 것이라고 생각했지만, 윈도우가 모바일 너비로 크기가 조정되는지 아니면 전체 와이드 스크린 바탕 화면으로 조정되는지에 관계없이 항상 16픽셀이기 때문에 그렇지는 않습니다. 내 사이트의 텍스트를 컨테이너와 관련하여 축척으로 만들려면 어떻게 해야 합니까?사용해 보았습니다.em하지만 이것 또한 확장되지 않습니다. 제 추론은 제 메뉴와 같은 것들이 크기를 조정할 때 찌그러지기 때문에, 저는 그것을 줄여야 합니다.px font-size.menuItem (에서, 용의너..

programing 2023.06.03
반응형