css3

이 너비 속성 값 선언에서 9의 의미는 무엇입니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. CSS Capability/Feature Detection을 이용한 IE 버전 검출 (18개 답변) 닫힘11개월 전에. 이것의 의미는 무엇입니까?브라우저 해킹이라고 추측하고 있지만 정확히 무엇을 하는지 찾지 못했습니다. width: 500px\9; 의 의의는 무엇입니까?\9?\9는 인터넷 익스플로러 7, 8, 9에 특화된 "CSS 해킹"입니다. 이것은 단순히 CSS의 한 특정 라인이 a로 끝나는 것을 의미합니다.\9;대신에;는 IE 7, 8, 9에서만 유효합니다. 예를 들어, width: 500px\9;500 픽셀의 너비를 의미합니다(다음과 같은 결과).width: 500px;)는 IE 7, 8, 9를 사..

CSS에서 스타일 비활성화 버튼 다음 Fiddle에서 볼 수 있듯이 이미지가 내장된 버튼의 스타일을 변경하려고 합니다. http://jsfiddle.net/krishnathota/xzBaZ/1/ 예제에는 이미지가 없습니다. 저는 이렇게 하려고 합니다. 변경합니다.background-color버튼이 비활성화되어 있을 때 비활성화된 경우 버튼의 이미지 변경 사용 안 함으로 설정된 경우 호버 효과 사용 안 함 버튼에서 이미지를 클릭하고 드래그하면 이미지가 따로 보일 수 있습니다. 그것을 피하고 싶습니다. 버튼의 텍스트를 선택할 수 있습니다.저도 그것을 피하고 싶습니다. 제가 해봤는데요.button[disabled]. 그러나 일부 효과는 비활성화할 수 없습니다.맘에 들다top: 1px; position: rel..

같은 디브에 있는 두 개의 버튼 사이에 공간을 어떻게 만들 수 있습니까? 부트스트랩 버튼을 수평으로 띄우는 가장 좋은 방법은 무엇입니까? 버튼이 닿는 순간: Add to list here new more 문제를 보여주는 jsfiddle: http://jsfiddle.net/hhimanshu/sYLRq/4/안에 넣습니다.btn-toolbar아니면 다른 용기가 아닌btn-group.btn-group그들과 함께 합니다.부트스트랩 설명서에 대한 자세한 정보. 편집: 원래 질문은 Bootstrap 2.x에 대한 것이었지만 Bootstrap 3과 Bootstrap 4에 대해서도 동일한 질문이 여전히 유효합니다. 부트스트랩 4에서는 mx-2와 같은 유틸리티 클래스를 사용하여 그룹에 적절한 마진을 추가해야 합니다.미로..

부트스트랩 응답 텍스트 크기 이 질문에는 이미 다음과 같은 답변이 있습니다. 동적인 양의 문자를 기반으로 폰트 크기의 응답성을 만드는 순수 CSS (14개 답변) 닫힘9년 전에. 부트스트랩을 사용하여 응답형 레이아웃을 구축하려고 하고 있으며 현재 일부 제목을 글꼴 크기:3em으로 정의하고 있습니다. 하지만 레이아웃을 줄이면 너무 커요.텍스트의 크기를 어떻게 대응적으로 줄일 수 있습니까?가장 간단한 방법은 % 또는 em 단위로 치수를 사용하는 것입니다.기본 글꼴 크기만 변경하면 모든 것이 바뀝니다. 더 적은 @media (max-width: @screen-xs) { body{font-size: 10px;} } @media (max-width: @screen-sm) { body{font-size: 14px;..

Chrome의 Hovered element 검사? Chrome의 개발자 도구를 통해 사이트에서 툴팁이 어떻게 구성되는지 확인하려고 합니다.그러나 항목 위에 올려져 있어도 "요소를 검사"하면 HTML의 툴팁에 대해 아무것도 표시되지 않습니다.스타일을 다음과 같이 설정할 수 있습니다.:hover 수 , html 이나 cs 를 의하세요. 무슨 생각 있어요?F8 디버깅을 일시 중지합니다. Mac에서는 개발자 도구의 'Sources' 탭을 열어야 할 수도 있습니다. 도구 설명 위에 마우스를 올리고 표시된 상태에서 누릅니다. 이제 검사기를 사용하여 CSS를 확인할 수 있습니다.저는 사실 트위터 부트스트랩 툴팁으로 그것을 할 수 있는 방법을 찾았습니다.다른 모니터에서 개발 도구(F12)를 연 다음 요소 위를 맴돌면서..

디브 내에서 높이가 가변되는 콘텐츠를 수직으로 중심을 맞추는 방법은? 콘텐츠의 높이가 가변적일 때 디브의 콘텐츠를 수직으로 중심을 맞추는 가장 좋은 방법은 무엇입니까?저의 경우 컨테이너 div의 높이가 고정되어 있지만, 컨테이너의 높이가 가변적인 경우에도 효과가 있을 수 있는 해결책이 있다면 좋을 것 같습니다.또한 CSS 해킹 및/또는 비의미적 마크업을 사용하지 않거나 거의 사용하지 않는 솔루션을 원합니다. 추가하기만 하면 됩니다. position: relative; top: 50%; transform: translateY(-50%); 내심의 디바에게. 내측 디브의 상단 테두리를 외측 디브의 절반 높이로 이동하는 것입니다. (top: 50%;) 그리고 내부 디바는 높이의 절반으로 늘어납니다 (transf..

구글 웹 폰트를 CSS 파일로 가져오는 방법은? 저는 CSS 파일에만 접근할 수 있는 CMS로 작업하고 있습니다.가 없어요,다.문서의 CSS 웹 수 이 있는지 .CSS 파일 내에서 웹 폰트를 가져올 수 있는 방법이 있는지 궁금합니다.방법을 사용합니다. @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); "(, "" (Open Sans)Open+Sans은 가져올 글꼴입니다.그러니까 네 것으로 바꿔요.우 합니다를 합니다.+각각의 단어 사이에 기호를 지정합니다. 합니다.@import당신의 CSS의 가장 높은 부분에서, 어떤 규칙 이전에. 은 Google 를 할 수 .@import지시 사항입니다..(+)옆에 아이콘이 있습니..

CSS에서 @apply란 무엇입니까? 디렉티브 이 인지 인지 @apply요. 구글 검색해봤어요.@apply하지만 그 의미를 제대로 설명해 줄 만한 것을 찾을 수가 없었습니다. 그런 지시는 무슨 소용이 있습니까?간단한 설명 방법은 CSS(Sass와 같은 전처리기의 특징)와 동작과 같은 기능을 하는 믹신(mixin)에 변수를 도입하는 것입니다. 를 .--header-theme: π(믹스인 :root { --header-theme: { color: red; font-family: cursive; font-weight: 600; }; } h1 { @apply --header-theme; } h2 { @apply --header-theme; } 이렇게 하면 다시 쓸 필요 없이 여러 곳에서 사용할 수 있습니다(DR..

다른 디브 안에 3디브(좌/중심/우)를 정렬하는 방법은 무엇입니까? 컨테이너 디브 안에 디브 3개를 정렬하고 싶어요 이런 거요 [[LEFT] [CENTER] [RIGHT]] 용기 div는 100% 너비(설정된 너비 없음)이며, 용기 크기를 조정한 후에도 중심 div는 계속 중앙에 있어야 합니다. 그래서 이렇게 설정했습니다. #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} 하지만 다음과 같습니다. [[LEFT] [CENTER] ] [RIGHT] 조언 좀 해주세요.그 CSS로 디브를 이렇게 배치합니다. (floats first) P.S...

큰 글씨체가 멋진 아이콘으로 텍스트를 세로로 가운데 맞추는 방법은 무엇입니까? 글꼴이 멋진 아이콘과 텍스트가 포함된 부트스트랩 버튼이 있다고 가정해 보겠습니다. hello world 텍스트가 세로로 가운데에 표시되도록 하려면 어떻게 해야 합니까?이제 텍스트가 아이콘의 아래쪽 가장자리에 정렬됩니다. http://jsfiddle.net/V7DLm/1/그냥 내가 직접 해야 했어요. 반대로 해야 해요. 텍스트의 세로 방향을 가지고 놀지 않습니다. 글꼴 고정 아이콘의 세로 정렬로 재생 hello world 물론 인라인 스타일을 사용할 수도 없고 자신의 CSS 클래스로 공략할 수도 없습니다.하지만 이것은 복사 페이스트 방식으로 작동합니다. 참조: 텍스트 및 아이콘의 세로 정렬 단추 하지만 제 마음대로라면 아이콘-2..