«css» 태그된 질문

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

15
CSS 스프라이트에서 이미지 크기를 조정하는 방법
이 기사 ( http://css-tricks.com/css-sprites/) 에서는 1 개의 큰 이미지에서 작은 이미지를 잘라낼 수있는 방법에 대해 설명합니다. 더 작은 이미지를 잘라낸 다음 잘라 내기 전에 잘라낸 영역의 크기를 조정할 수 있는지 여부를 알려 주시겠습니까? 그 기사의 예는 다음과 같습니다. A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } spriteme1.png에서 이미지를 자른 후 …
157 css  css-sprites 
12
동일한 div에서 두 버튼 사이에 공백을 어떻게 만들 수 있습니까?
부트 스트랩 버튼을 수평으로 배치하는 가장 좋은 방법은 무엇입니까? 버튼이 닿는 순간 : <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> 문제를 보여주는 jsfiddle …
17
모달의 부트 스트랩 3 및 유튜브
Bootstrap 3의 모달 기능을 사용하여 YouTube 비디오를 표시하려고합니다. 작동하지만 Youtube 비디오의 버튼을 클릭 할 수 없습니다. 이것에 대한 도움이 필요하십니까? 내 코드는 다음과 같습니다. <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <iframe …
16
CSS : 중간에 텍스트로 원을 그리는 방법은 무엇입니까?
stackoverflow 에서이 예제를 찾았습니다. CSS만으로 원 그리기 어느 것이 좋습니다. 그러나 원의 중간에 텍스트를 포함 할 수 있도록 예제를 수정하는 방법을 알고 싶습니다. 나는 또한 이것을 발견했다 : CSS에서 원의 수직 및 수평 중심 텍스트 (예 : iphone 알림 배지) 그러나 어떤 이유로 든 나를 위해 작동하지 않습니다. 다음 테스트 …
156 css  css-shapes 
2
하나의 요소에 두 개의 CSS3 상자 그림자를 사용하는 방법이 있습니까?
두 개의 그림자가있는 Photoshop 모형에서 단추 스타일을 복제하려고합니다. 첫 번째 그림자는 내부의 밝은 상자 그림자 (2px)이고 두 번째 그림자는 버튼 (5px) 외부의 그림자입니다. Photoshop에서는 내부 그림자 및 그림자와 같은 작업이 쉽습니다. CSS에서는 분명히 하나 또는 다른 것을 가질 수 있지만 동시에 둘 다 가질 수는 없습니다. 브라우저에서 아래 코드를 시도하면 …
156 css 
12
IE의 CSS '포인터 이벤트'속성 대안
클릭 할 때 제목 중 일부가 다른 페이지로 이동해서는 안되는 드롭 다운 탐색 메뉴가 있습니다 (클릭하면 클릭하면 드롭 다운 메뉴가 열립니다). 유형은 href그들에게 정의 이 문제를 해결하기 위해 이전 유형의 제목에 다음 CSS를 추가했습니다. pointer-events: none; 이 속성은 IE에서 지원하지 않기 때문에 몇 가지 해결 방법을 찾고 있습니다. 성가신 것은 …
16
-webkit-transform을 사용할 때 고정 위치가 작동하지 않습니다
-webkit-transform (및 -moz-transform / -o-transform)을 사용하여 div를 회전시킵니다. 또한 div가 사용자와 함께 스크롤되도록 위치 고정이 추가되었습니다. Firefox에서는 제대로 작동하지만 웹킷 기반 브라우저에서는 작동하지 않습니다. -webkit-transform을 사용한 후 고정 위치가 더 이상 작동하지 않습니다! 어떻게 가능합니까?
9
CSS : 애니메이션과 전환
CSS3 전환과 애니메이션을 모두 수행하는 방법을 알고 있습니다. 명확하지 않은 것은 내가 구글에서봤을 때 어느 것을 사용 해야하는지입니다. 예를 들어, 볼 바운스를 만들고 싶다면 애니메이션이 나아갈 길이라는 것이 분명합니다. 키 프레임을 제공 할 수 있고 브라우저는 중간 프레임을 수행 할 것이고 멋진 애니메이션을 만들 것입니다. 그러나, 상기 효과가 어느 방식 …
2
부모 위에 마우스를 올릴 때 스타일 하위 요소
부모 요소 위에 마우스를 올리면 자식 요소의 스타일을 변경하는 방법 가능한 경우 CSS 솔루션을 선호합니다. : hover CSS selectors를 통해 가능한 해결책이 있습니까? 실제로 패널에 호버가 있으면 패널 내부의 옵션 막대 색상을 변경해야합니다. 모든 주요 브라우저를 지원하려고합니다.
155 css  css-selectors 
10
단일 선택기로 모든 <H> 태그를 타겟팅 할 수 있습니까?
페이지에서 모든 h 태그를 타겟팅하고 싶습니다. 나는 당신이 이런 식으로 할 수 있다는 것을 알고 있습니다 ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } 그러나 고급 CSS 선택기를 사용하여보다 효율적인 방법이 있습니까? 예를 들면 다음과 같습니다. [att^=h] { font: 32px/42px trajan-pro-1,trajan-pro-2; } (그러나 분명히 작동하지 않습니다)
155 css  css-selectors 
14
CSS : 창의 너비의 50 % 인 배경색 설정
"2 개로 분리 된"페이지에서 배경을 얻으려고 시도합니다. 반대쪽의 두 가지 색상 ( 태그에 기본값 background-color을 설정 한 body다음 div창의 전체 너비를 늘이는 색상에 다른 색상 을 적용하여 수행됨 ). 해결책을 찾았지만 불행히도이 background-size프로젝트의 필수 요소 인 IE7 / 8 에서는 속성이 작동하지 않습니다. body { background: #fff; } #wrapper { …
17
부트 스트랩 3의 입력 너비
다시 업데이트 : 사람들이 실제로 질문을 이해하지 않고 답변을 추가하지 못하게하는 최상위 답변을 선택 하여이 질문을 닫습니다. 실제로 그리드를 사용하거나 추가 CSS를 추가하지 않고 기능을 빌드하여 수행 할 수있는 방법이 없습니다. help-block예를 들어 짧은 입력을 넘어서야하지만 '빌드 인'요소를 다루는 경우 그리드가 제대로 작동하지 않습니다 . 이것이 문제라면 BS3 토론 에서 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.