subpage

브라우저가 텍스트를 렌더링하기 위해 실제로 사용하는 글꼴을 확인하려면 어떻게 해야 합니까? 의 CSS는 "는 CSS을 "합니다 의 의 는 font-family: Helvetica, Arial, sans-serif;" ◦ 대신 되고 있는 것 .베르다나가 대신 사용되는 부분이 있는 것 같습니다.이것을 확인할 수 있으면 좋겠습니다. 브라우저에서 워드로 복사하여 붙여넣기를 시도했지만 글꼴을 보존하지 못합니다. 텍스트 섹션에 실제로 사용되는 글꼴을 확인할 수 있는 방법이 있습니까? Firebug는 위 [1]과 같은 글꼴 목록을 제공하지만 사용 중인 글꼴을 확인할 수 있는 방법이 없습니다. 잘못된 목록이 사용되고 있었던 것으로 드러났고, 이것이 나의 원래 베르다나 문제를 해결했습니다.하지만 실제 렌더링 폰트를 식별..

맨 위 탐색 모음 페이지의 맨 위 내용 이 트위터 부트스트랩 코드를 가지고 있습니다. My Home Option 1 Another option Another option 그러나 페이지의 처음 부분을 볼 때, nav bar가 페이지 상단 부근에 있는 일부 콘텐츠를 차단하고 있습니다.페이지 상단을 볼 때 내용이 탐색 막대에 의해 차단되지 않도록 나머지 내용을 아래로 밀어내도록 하는 방법에 대한 아이디어가 있습니까?반응성 부트스트랩을 사용하는 경우에는 그런 패딩을 추가하는 것으로는 충분하지 않습니다.이 경우 창 크기를 조정하면 페이지 상단과 탐색 막대 사이에 간격이 생깁니다.적절한 솔루션은 다음과 같습니다. body { padding-top: 60px; } @media (max-width: 979px) { b..

CSS로 이미지를 그레이아웃하시겠습니까? 이미지를 CSS로 "그레이된" 것처럼 보이게 하는 가장 좋은 방법(있는 경우)은 무엇입니까? (즉, 이미지의 회색 버전을 별도로 로드하지 않고)? 제 상황은 테이블에 모든 행이 가장 오른쪽 셀에 단추가 있고 일부 행은 다른 행보다 가벼워 보여야 한다는 것입니다.그래서 폰트도 쉽게 만들 수 있지만 이미지를 두 가지 버전으로 관리할 필요 없이 가볍게 만들고 싶습니다.꼭 회색이어야만 하나요?이미지의 불투명도를 낮게 설정할 수 있습니다.다른 방법으로, 당신은 다음과 같이 만들 수 있습니다.중첩하고 회색으로 설정합니다(알파를 변경하여 효과를 얻습니다). html: CSS: #myImage { opacity: 0.4; filter: alpha(opacity=40); /* m..

용기 끝에 마지막 플렉스 항목 배치 이 질문은 플렉스박스를 포함한 완전한 CSS3 지원 브라우저에 관한 것입니다. 저는 안에 몇 가지 물건이 들어 있는 플렉스 용기를 가지고 있습니다.그들은 모두 유연하게 시작하는 것이 정당하지만 나는 마지막을 원합니다. .end플렉스 엔드로 정당화될 항목.HTML을 수정하지 않고 절대 위치 지정에 의존하지 않고 이것을 할 수 있는 좋은 방법이 있습니까? .container { display: flex; flex-direction: column; outline: 1px solid green; min-height: 400px; width: 100px; justify-content: flex-start; } p { height: 50px; background-color: bl..

iOS 기기만을 대상으로 하는 CSS 미디어 쿼리 이 질문에는 이미 다음과 같은 답이 있습니다. iPhone/iPad를 CSS로만 검색 (5개 답변) 마감됨3년 전에. iOS를 실행하는 장치만 대상으로 하는 @media 쿼리가 있습니까? 예: @media (min-device-width:320px) and (max-device-width:768px) { #nav { yada: yada; } } 이것이 이러한 장치 폭을 가진 Android 장치의 페이지 동작도 변경할 수 있습니까?네, 가능합니다. @supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ } @supports not (-webkit-touch-callout: no..

CSS: 배경 색상의 배경 이미지 이 패널을 선택할 경우 파란색으로 표시한 패널이 있습니다(클릭).추가로, 나는 작은 표지판을 추가합니다 (.png선택한 패널이 이전에 이미 선택되었음을 나타냅니다. 사용자가 예를 들어 10개의 패널과 그 중 4개의 패널에 이 작은 기호가 있는 것을 본다면, 그는 이전에 이미 해당 패널을 클릭한 적이 있다는 것을 알고 있습니다.이 일은 아직까지는 괜찮습니다.문제는 이제 작은 표지판을 보여주면서 동시에 패널을 파란색으로 만들 수 없다는 것입니다. 나는 CSS로 패널을 파란색으로 설정했습니다.background: #6DB3F2;배경 이미지와 함께background-image: url('images/checked.png')하지만 배경색이 이미지 위에 있어서 표지판이 보이지 않는..

CSS 셀렉터의 클래스 이름은 대소문자를 구분합니까? 나는 CSS가 대소문자를 구분하지 않는다는 것을 도처에서 계속 읽지만, 나는 이 선택기를 가지고 있습니다. .holiday-type.Selfcatering 내 HTML에서 이렇게 사용하면, 그것은 선택됩니다. 위의 선택기를 이렇게 변경하면 .holiday-type.SelfCatering 그러면 스타일이 채택되지 않습니다. 누군가가 거짓말을 하고 있습니다.CSS 선택기는 일반적으로 대소문자를 구분하지 않습니다. 여기에는 클래스 및 ID 선택기가 포함됩니다. 그러나 HTML 클래스 이름은 대소문자를 구분하므로(속성 정의 참조) 두 번째 예제에서 불일치가 발생합니다.HTML5에서는 변경되지 않았습니다.1 이는 선택기의 대소문자 구분이 문서 언어가 말하는 내..

div 내에서 버튼의 중심을 잡는 방법은 무엇입니까? 폭이 100%인 디브가 있습니다. 중앙에 버튼을 놓고 싶은데 어떻게 해야 하나요? hello 업데이트된 답변 적극적인 답변이라는 것을 알고 업데이트했지만, 지금은 Flexbox가 올바른 접근 방식일 것입니다. 라이브 데모 수직 및 수평 정렬. #wrapper { display: flex; align-items: center; justify-content: center; } 수평(기본값인 주 플렉스 축이 수평인 경우) #wrapper { display: flex; justify-content: center; } 고정 너비를 사용하고 플렉스 상자를 사용하지 않는 원본 원래 포스터가 수직 및 중앙 정렬을 원할 경우 버튼의 너비와 높이를 고정하기가 매우 쉽습..

CSS 선택기 "~"는 무엇을 의미합니까? 검색 중~캐릭터는 쉽지 않습니다.CSS를 좀 살펴보다가 이것을 발견했습니다. .check:checked ~ .content { } 그것은 무엇을 뜻하나요?그~실렉터는 실제로 다음과 같은 후속 형제 조합자입니다(2017년까지 일반 형제 조합자로 불림). 후속 형제 조합은 단순 선택기의 두 시퀀스를 구분하는 "틸드"(U+007E, ~) 문자로 구성됩니다.두 시퀀스로 표시되는 요소는 문서 트리에서 동일한 상위 항목을 공유하고 첫 번째 시퀀스로 표시되는 요소는 두 번째 시퀀스로 표시되는 요소보다 선행합니다(즉시는 아님). 다음 예를 생각해 보십시오. .a ~ .b { background-color: powderblue; } 1st 2nd 3rd 4th 5th .a ~ ..