«css» 태그된 질문

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

7
루비가없는 Sass 또는 Compass?
Ruby없이 Sass 또는 Compass 또는 이와 유사한 것을 사용할 수있는 방법이 있습니까? 나는 Google 과이 사이트를 둘러 보았지만 아무것도 찾을 수 없습니다. 어떤 도움을 주시면 감사하겠습니다. 감사합니다
102 css  sass  compass-sass 

10
표를 사용하지 않고이 HTML 레이아웃을 할 수 있습니까?
좋아요, 1 ~ 2 주 전에 간단한 레이아웃 문제가있었습니다. 즉, 페이지의 섹션에는 헤더가 필요합니다. +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ 아주 간단한 것. 웹 세계에서 테이블 혐오가 점령 된 것 같습니다. 테이블 대신 HTML 양식에 정의 목록 (DL, DD, DT) 태그를 사용하는 이유를 물었을 때 생각 나게되었습니다 . 이제 테이블 …
102 html  css  layout 

4
다른 div의 아래쪽 근처에 div 배치
외부 div와 내부 div가 있습니다. 외부 div 하단에 내부 div를 배치해야합니다. 외부 div는 탄력적입니다 (예 : 너비 : 70 %). 또한 내부 블록을 중앙에 배치해야합니다. 설명 된 메이크업의 간단한 모델은 아래 그림에 나와 있습니다.
102 html  css  layout 

3
CSS만으로 <option> 스타일을 지정하는 방법은 무엇입니까?
참고 :이 질문은 사용자 지정 드롭 다운을 만드는 것이 아닙니다. &lt;option&gt;CSS의 선택 요소 내에서 요소 스타일링 가능성에 관한 것입니다. 브라우저 간 호환성 &lt;option&gt;이있는 &lt;select&gt;요소 의 스타일을 어떻게 지정할 수 있습니까? 드롭 다운을으로 변환하도록 사용자 정의하는 많은 JavaScript 방법을 알고 있지만 이에 &lt;li&gt;대해 묻지 않습니다. &lt;select class="select"&gt; &lt;option selected&gt;Select&lt;/option&gt; &lt;option&gt;Blue&lt;/option&gt; &lt;option …
102 css  html-select 

3
Retina 디스플레이, 고해상도 배경 이미지
이것은 어리석은 질문처럼 들릴 수 있습니다. 일반 디스플레이에이 CSS 스 니펫을 사용하는 경우 ( box-bg.png200px x 200px) .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } 레티 나 디스플레이를 대상으로하기 위해 이와 같은 미디어 쿼리를 사용하는 경우 (@ 2x 이미지는 고해상도 버전 임) @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .box{background:url('images/box-bg@2x.png') no-repeat …


4
절대 위치 + 스크롤링
다음 HTML과 함께CSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } &lt;div class="container"&gt; &lt;div class="full-height"&gt; &lt;/div&gt; &lt;/div&gt; 코드 조각 실행결과 숨기기스 니펫 확장 내부 div는 원하는대로 컨테이너의 전체 …
102 html  css 

12
브라우저가 CSS에서 배경 이미지를 인쇄하도록하려면 어떻게해야합니까?
이 질문 은 이전에 요청 되었지만 내 경우에는 해결책이 적용되지 않습니다. 특정 배경 이미지가 페이지에 통합되어 인쇄되도록하고 싶습니다. (CSS 스프라이트로 사용되는 이미지가 여러 개 있기 때문에 페이지에서 직접 이미지가 아닙니다.) 같은 질문에 대한 또 다른 해결책 list-style-image은 모든 아이콘에 대해 다른 이미지가있는 경우에만 작동하며 CSS 스프라이트가 불가능한 경우에만 작동하는을 사용하는 …

11
CSS 클래스 및 하위 클래스
작동하지 않는 것 같아서 내가하는 일 외에 다른 일을 할 수 있습니까? 클래스 아래에있는 하위 클래스를 사용하여 해당 class.subclass에 대해 특별히 CSS를 사용할 수 있기를 원합니다. CSS .area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; } .area2.item { color:blue; } HTML &lt;div class="area1"&gt; …
102 css 



4
<input>은 <body>에서 글꼴을 상속하지 않습니다.
입력 및 레이블 필드가 있습니다. &lt;label class="adm" for="UserName"&gt;User name&lt;/label&gt; &lt;input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /&gt; 및 CSS : body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;} label.adm { font-size:0.9em; margin:0 0 3px 3px; display: block;} input.adm { font-size:0.9em; margin:0 0 3px 3px; } Firefox에서 코드가 열리면 글꼴이 동일하지 …
102 css 

3
가시성이 작동하지 않는 CSS 전환
아래 바이올린에서 가시성과 불투명도를 개별적으로 전환했습니다. 후자는 작동하지만 전자는 작동하지 않습니다. 또한 가시성의 경우 전환 시간은 마우스 오버시 지연으로 해석됩니다. Chrome과 Firefox 모두에서 발생합니다. 이것은 버그입니까? http://jsfiddle.net/0r218mdo/3/ 사례 1 : #inner{ visibility:hidden; transition:visibility 1000ms; } #outer:hover #inner{ visibility:visible; } 사례 2 : #inner1{ opacity:0; transition:opacity 1000ms; } #outer1:hover #inner1{ opacity:1; …


14
외부 CSS로 SVG 스타일을 지정하는 방법은 무엇입니까?
각 SVG 파일 내에서 직접적으로가 아니라 외부 스타일 시트를 통해 색상을 수정하고 싶은 여러 SVG 그래픽이 있습니다. 그래픽을 인라인으로 넣지 않고 내 이미지 폴더에 저장하고 가리키고 있습니다. 툴팁이 작동 할 수 있도록 이러한 방식으로 구현 &lt;a&gt;했으며 링크를 허용하기 위해 각각을 태그로 래핑했습니다 . &lt;a href='http://youtube.com/...' target='_blank'&gt;&lt;img class='socIcon' src='images/socYouTube.svg' title='View my …
102 html  css  svg  stylesheet  external 

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