«css» 태그된 질문

CSS (Cascading Style Sheets)는 HTML (HyperText Markup Language), XML (Extensible Markup Language) 문서 및 색상, 레이아웃, 글꼴 등을 포함한 SVG 요소의 모양과 형식을 설명하는 데 사용되는 표현 스타일 시트 언어입니다. 애니메이션. 또한 화면, 종이, 연설 또는 기타 미디어에서 요소를 렌더링하는 방법에 대해서도 설명합니다.

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

5
인라인 형태의 부트 스트랩 전폭 텍스트 입력
컨테이너 영역 의 전체 너비에 맞는 텍스트 상자를 만드는 데 어려움을 겪고 있습니다. <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> 위의 작업을 수행하면 두 양식 요소가 예상대로 인라인으로 표시되지만 최대 몇 열 이상을 …

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

8
링크 및 스크립트 태그에서 CSS 및 Javascript URL에“? v = 1”을 추가하면 어떤 기능이 있습니까?
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 


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

10
HTML / CSS의 전체 div에 대한 href 링크
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 

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



13
입력 버튼에서 윤곽선 테두리를 제거하는 방법
다른 곳을 클릭하면 테두리가 사라지고 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 

4
“스타일 시트 (#)에 대한 텍스트를 가져 오지 못했습니다 : 주어진 ID를 가진 스타일 시트가 없습니다”라는 오류가 표시됩니다. 이것은 무엇을 의미합니까?
작업중인이 응용 프로그램을로드 할 때 Chrome 에서이 오류가 발생합니다. 스타일 시트 50의 텍스트를 가져 오지 못했습니다. 주어진 ID를 가진 스타일 시트가 없습니다. 후속 페이지로드는 오류를 반복하지만 숫자는 다릅니다. 스타일 시트 152에 대한 텍스트를 가져 오지 못했습니다 : 주어진 ID를 가진 스타일 시트가 없습니다. 이것은 Chrome에서만 발생하며이 애플리케이션에서만 발생합니다. 어떤 ID가 …
137 css  google-chrome 

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

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

8
테이블 행 높이 설정
이 코드가 있습니다 : <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 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.