«css» 태그된 질문

백분율 크기와 다른 크기의 글꼴에 대한 많은 기사 와 질문 이 있습니다 . 그러나 백분율 값의 참조가 무엇인지 알 수 없습니다. 나는 이것이 모든 브라우저에서 동일한 크기라는 것을 이해합니다. 나는 또한 이것을 읽었다. 퍼센트 (%) : 퍼센트 단위는“em”단위와 매우 유사하며 몇 가지 근본적인 차이점을 제외하고는 절약합니다. 가장 먼저 현재 글꼴 …

138 css  font-size 

컨테이너 영역 의 전체 너비에 맞는 텍스트 상자를 만드는 데 어려움을 겪고 있습니다. <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> 위의 작업을 수행하면 두 양식 요소가 예상대로 인라인으로 표시되지만 최대 몇 열 이상을 …

138 html  css  twitter-bootstrap-3 

내 페이지에 다음 CSS 규칙이 있다고 가정합니다. body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } 사용자 브라우저에서 사용 된 정의 된 글꼴 중 하나를 어떻게 감지합니까? 내가 왜 이것을 원하는지 궁금해하는 사람들을 위해 편집하십시오 : 내가 감지하는 글꼴에는 다른 글꼴에서 사용할 수없는 글리프가 포함되어 있으며 사용자에게 글꼴이없는 경우 해당 …

138 javascript  html  css  fonts 

HTML 5 상용구 템플릿 ( http://html5boilerplate.com/ )을보고 "?v=1"CSS 및 Javascript 파일을 참조 할 때 URL 에서 사용되는 것을 확인했습니다 . "?v=1"링크 및 스크립트 태그에서 CSS 및 Javascript URL에 추가 하면 어떤 기능이 있습니까? 모든 Javascript URL에 "?v=1"(아래 샘플의 예) 가있는 것은 아닙니다 js/modernizr-1.5.min.js. 이것이 사실 인 이유가 있습니까? 그들의 샘플 …

138 html  css  browser-cache 

템플릿이 있으며 다음과 같은 Google 글꼴에 대한 참조가 있습니다. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'> 항상 오프라인으로 실행되는 페이지에서 다운로드하여 사용하도록 설정하려면 어떻게해야합니까?

138 css  fonts  offline  google-fonts 

방금 새롭고 드문 CSS 단위에 대해 배웠습니다. vh및 vw각각의 뷰포트의 높이와 폭의 비율을 측정한다. Stack Overflow 에서이 질문을 보았지만 단위가 더 비슷해 보였습니다. VW 및 VH 장치의 작동 방식 대답은 구체적으로 말합니다 vw 및 vh는 각각 창 너비와 높이의 백분율입니다. 100vw는 너비의 100 %, 80vw는 80 % 등입니다. 이것은 %유닛 …

138 css  viewport-units 

HTML / CSS에서 달성하려는 것은 다음과 같습니다. 높이와 너비가 다른 이미지가 있지만 모두 180x235 미만입니다. 그래서 내가하고 싶은 것은 divwith border와 vertical-align: middle그들 모두를 만드는 것입니다. 나는 그것을 성공적으로 완료했지만 이제는 전체 href 링크를 올바르게 연결하는 방법에 붙어 div있습니다. 내 코드는 다음과 같습니다. <div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;"> <div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;"> <img …

138 html  css 

입력 요소에 일부 CSS를 적용하고 싶습니다. 비활성화되지 않고 제출 유형이 아닌 입력에 대해서만 수행하고 싶습니다 .CSS 아래에서 작동하지 않습니다. 어쩌면 누군가 어떻게 추가 해야하는지 설명 할 수 있습니다. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

최신 documention가 있다 : <p class="mb-0">Lorem ipsum</p> 코드 스 니펫 실행결과 숨기기스 니펫 확장 Q : mb-0은 무엇입니까?

138 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

브라우저에서만 " OS X가 어두운 모드인지 감지하는 방법? "과 유사 합니다. 사용자의 시스템이 Safari / Chrome / Firefox의 새로운 OS X 다크 모드인지 감지하는 방법이 있는지 아는 사람이 있습니까? 현재 운영 모드에 따라 사이트 디자인을 어두운 모드로 변경하고 싶습니다.

138 css  macos  safari 

다른 곳을 클릭하면 테두리가 사라지고 onfocus를 시도했지만 도움이되지 않았습니다. 클릭하면 못생긴 버튼 테두리가 사라지는 방법은 무엇입니까? input[type="button"] { width: 120px; height: 60px; margin-left: 35px; display: block; background-color: gray; color: white; border: none; } <input type="button" value="Example Button"> 코드 조각 실행결과 숨기기스 니펫 확장

138 css  button 

작업중인이 응용 프로그램을로드 할 때 Chrome 에서이 오류가 발생합니다. 스타일 시트 50의 텍스트를 가져 오지 못했습니다. 주어진 ID를 가진 스타일 시트가 없습니다. 후속 페이지로드는 오류를 반복하지만 숫자는 다릅니다. 스타일 시트 152에 대한 텍스트를 가져 오지 못했습니다 : 주어진 ID를 가진 스타일 시트가 없습니다. 이것은 Chrome에서만 발생하며이 애플리케이션에서만 발생합니다. 어떤 ID가 …

137 css  google-chrome 

특정 언어를 선택할 때 사이트 CSS를 RTL 버전으로 재정의하고 있습니다. 절대 위치 지정이 필요한 요소가 있습니다. LTR 버전에서는 내가 left: 0px;하고 왼쪽에 정렬됩니다. RTL 버전에서는와 반대의 작업을 원 right하지만 left속성이 재정의되지 않으므로 여전히 왼쪽에 유지됩니다. 로 해킹을 시도했지만 !important작동하지 않았습니다. 설정을 시도했지만 left: none작동하지 않았습니다. 재정의하는 동안 어떻게 none으로 설정하거나 …

137 css  css-position 

사용자 마우스가 클래스 이름이 인 요소를 가리킬 때 배경색을 적용하려고합니다 "reMode_hover". 요소가하지만 나는 색상을 변경하지 않으 도 있다"reMode_selected" 참고 : 제한된 환경에서 작업하기 때문에 자바 스크립트가 아닌 CSS 만 사용할 수 있습니다. 명확히하기 위해, 나의 목표는 호버에서 첫 번째 요소를 색칠하지만 두 번째 요소는 색칠하지 않는 것입니다. HTML <a href="" …

137 html  css  css-selectors 

이 코드가 있습니다 : <table class="topics" > <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td> <td style="padding: 0 4px 0 0;">1.0</td> <td>abc</td> </tr> <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td> <td style="padding: 0 4px 0 0;">1.3</td> <td>def</td> </tr> </table> 행이 너무 …

137 html  css