프로그램 작성 css

10

테두리 및 패딩 및 해당 상자의 배경색을 포함하는 헤더 상자가 있습니다. 테두리 뒤의 패딩 된 영역에 대해서만 배경색을 변경 한 다음 나머지 너비에 대해 동일한 배경색을 변경할 수 있습니까 (예 : 주어진 코드에서 회색) ? 패딩 된 배경색을 원하는 코드의 꼬집음 : nav { margin:0px auto; width:100%; height:50px; background-color:grey; float:left; …

88 css

10

CSS에서 'property : 0'또는 'property : 0px'?

이 표기법이 많이 사용되는 것을 보았고,이 두 표기법 사이에 눈에 띄는 차이가 있는지 궁금합니다. element#id { property: 0; } 과 element#id { property: 0px; } 나는 property: 0px;그것이 깨끗해 보이기 때문에 항상 사용 하지만 브라우저 0px가 0. 어느 것이 더 낫거나 올바른지 아는 사람이 있습니까?

88 css properties zero

6

Sass를 사용하여 미디어 쿼리 내에서 선택기 확장

항목 클래스와 컴팩트 "수정 자"클래스가 있습니다. .item { ... } .item.compact { /* styles to make .item smaller */ } 이건 괜찮아. 그러나 화면이 충분히 작을 때 클래스를 압축하도록 하는 @media쿼리 를 추가하고 싶습니다 .item. 처음 생각했을 때, 이것이 제가 시도한 것입니다. .item { ... } .item.compact { ... } …

88 css sass media-queries

17

브라우저가 CSS, 자바 스크립트 등을 새로 고침하도록 강제

XAMPP를 통해 Wordpress 소스 코드를 기반으로 웹 사이트를 개발 중입니다. 때로는 CSS 코드, 스크립 또는 다른 것을 변경하고 브라우저가 수정 사항을 적용하는 데 시간이 걸리는 것을 알았습니다. 이로 인해 여러 브라우저를 사용하여 하나를 새로 고치고 새 스타일을 적용하지 않으면 두 번째 스타일을 시도하고 항상 이것입니다. 이 문제를 피할 수있는 방법이 …

88 javascript css browser xampp

22

스크롤로 인해 반응 형 테이블 내부의 부트 스트랩 버튼 드롭 다운이 보이지 않음

overflow: auto;속성 때문에 드롭 다운이 표시되지 않기 때문에 응답하고 스크롤 할 때 테이블 내부의 드롭 다운 버튼에 문제가 있습니다 . 버튼이 축소되었을 때 드롭 다운 옵션을 표시하려면 어떻게해야합니까? 일부 jQuery를 사용할 수 있지만 왼쪽에서 오른쪽으로 스크롤하는 데 문제가 있으므로 다른 솔루션을 찾기로 결정했습니다. 더 잘 이해하기 위해 사진을 첨부했습니다. 다음은 …

88 javascript jquery css twitter-bootstrap overflow

10

작동하지 않는 백분율로 표시되는 줄 높이

선 높이에 문제가있어서 고개를 돌릴 수 없습니다. 다음 코드는 div 내의 이미지를 중앙에 배치합니다. CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" /> </div> 그러나 줄 높이를 100 %로 변경하면 줄 높이가 …

87 css

8

Twitter 부트 스트랩 탭을 페이지 중앙에 배치하려면 어떻게합니까?

전환 가능한 탭을 만들기 위해 트위터 부트 스트랩을 사용하고 있습니다. 다음은 내가 사용하는 CSS입니다. <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> 이 html은 탭을 올바르게 표시하지만 왼쪽으로 당겨졌습니다. 탭을 페이지 중앙에 맞추기 위해 CSS를 수정 해 보았지만 아직 …

87 html css twitter-bootstrap

9

너비가 각각 50 % 인 두 개의 인라인 블록 요소가 한 행에 나란히 맞지 않습니다.

<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle : http://jsfiddle.net/5EcPK/ 위 코드는 #left div와 #right div를 나란히 …

87 html css

3

background-position-x (background-position-y)는 표준 W3C CSS 속성입니까?

나는 걱정 background-position-x하고 background-position-y. Gecko (Firefox)와 Presto (Opera)는 지원하지 않지만 Webkit (Chrome, Safari)은 지원합니다. 이것이 표준에 포함되는지 (또는 포함될 예정인지) 아는 사람이 있습니까 (공식 참조 포함)?

87 css background-position

4

HTML, CSS 웹 페이지 만 Tomcat에 배포

저는 웹 사이트 개발을 막 시작하고 있습니다 . 현재 내가 가지고있는 것은 두 개의 CSS 스타일 시트가 지원 하는 HTML 페이지 뿐입니다 . HTML 및 CSS 페이지에서 WAR 파일을 만들 수 있습니까 ? Tomcat 서버에 어떻게 배포 합니까? 감사.

87 html css tomcat web-deployment-project

7

div가 나머지 너비를 채우도록합니다.

На этот вопрос есть ответы на 스택 오버플로 на русском : 사업부. Занять оставшееся место div가 나머지 너비를 채우도록하려면 어떻게해야합니까? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> 어떻게 얻을 수 div2나머지를 채우기 위해?

87 html css

3

아이콘 글꼴 : 어떻게 작동합니까?

아이콘 글꼴은 글꼴 일 뿐이며 클래스 이름을 호출하여 아이콘을 얻을 수 있다는 것을 알고 있지만 아이콘 글꼴은 어떻게 작동합니까? Chrome에로드 된 관련 아이콘 글꼴 리소스를 확인하여 아이콘 글꼴이 일반 글꼴과 비교하여 아이콘을 어떻게 표시하는지 확인했지만 어떻게되는지 알 수 없었습니다. 또한 사용 가능한 아이콘 글꼴 이 많음에도 불구하고이 "아이콘 글꼴 기술"이 …

87 css web fonts icons icon-fonts

5

Facebook 스타일 "빨간색"알림을위한 가장 쉬운 CSS

나는 페이스 북 스타일 알림이 필요하지만, 멋진 크로스 브라우저를 얻는 것은 까다로운 것 같습니다. 예를 들어, 다른 브라우저는 패딩을 다르게 처리하는 것처럼 보이므로 이상하게 보이는 알림이 표시됩니다. 알림이 제대로 표시되도록하는 가장 좋은 브라우저 간 방법은 무엇입니까? 자바 스크립트 사용에 불리하지는 않지만 순수한 CSS가 물론 바람직합니다.

87 javascript html css user-interface user-experience

12

이미지를 늘리지 않고 너비와 높이를 설정하는 방법은 무엇입니까?

만약 내가 가지고 있다면: #logo { width: 400px; height: 200px; } 그때 <img id="logo" src="logo.jpg"/> 그 공간을 채우기 위해 늘어납니다. 이미지가 같은 크기로 유지되기를 원하지만 DOM에서 그 정도의 공간을 차지합니다. 캡슐화 <div>또는 추가해야 <span>합니까? 스타일링을 위해 마크 업을 추가하는 것이 싫습니다.

87 html css

13

CSS를 사용하여 마우스 오버시 이미지에 확대 / 축소 효과 만들기?

현재 4 개의 이미지 중 하나를 가리키면 확대 / 축소 효과를 만들려고합니다. 문제는 대부분의 예가 일반적으로 일종의 효과를 적용하기 위해 테이블 또는 마스크 div를 사용한다는 것입니다. 여기에 구현 내가 좋아하는 것이 무엇 것이 한 예이다 이 . 이것은 지금까지 내 코드입니다. HTML <div id="menu"> <img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png" alt=""> <img …

87 html class css

«css» 태그된 질문