프로그램 작성 css

18

클릭하면 div에 1px 테두리를 추가하므로 Div 크기가 2px X 2px만큼 증가합니다. div 크기를 늘리고 싶지 않습니다. 그렇게하는 간단한 방법이 있습니까? 지저분한 자세한 설명 실제로 float : left (아이콘과 같은 동일한 크기)를 사용하여 DIV를 container-div에 추가하고 있으므로 모두 차례로 쌓이고 (container-div 너비가 300px) 너비 방향으로 남은 공간이 없을 때 자식 DIV가 …

128 css html border

12

! important 스타일 재정의

제목은 그것을 거의 요약합니다. 외부 스타일 시트에는 다음 코드가 있습니다. td.EvenRow a { display: none !important; } 나는 사용을 시도했다 : element.style.display = "inline"; 과 element.style.display = "inline !important"; 그러나 둘 다 작동하지 않습니다. javascript를 사용하여! important 스타일을 재정의 할 수 있습니까? 차이가 있다면 이것은 greasemonkey 확장을위한 것입니다.

128 javascript css

11

자바 스크립트에서 장치 너비 가져 오기

자바 스크립트를 사용하여 뷰포트 너비와 달리 사용자 장치 너비를 얻는 방법이 있습니까? CSS 미디어 쿼리는 이것을 제공합니다. @media screen and (max-width:640px) { /* ... */ } 과 @media screen and (max-device-width:960px) { /* ... */ } 가로 방향으로 스마트 폰을 타겟팅 할 때 유용합니다. 예를 들어 iOS에서 max-width:640pxwill 선언은 iPhone …

128 javascript css media-queries

4

IE7은 디스플레이를 이해하지 못합니다 : 인라인 블록

누군가이 버그를 해결하는 데 도움을 줄 수 있습니까? Firefox에서는 잘 작동하지만 Internet Explorer 7에서는 그렇지 않습니다. 를 이해하지 못하는 것 같습니다 display: inline-block;. html : <div class="frame-header"> <h2>...</h2> </div> CSS : .frame-header { height:25px; display:inline-block; }

127 html internet-explorer-7 css

11

이미지를 오버레이하는 방법

CSS를 사용하여 한 이미지를 다른 이미지와 오버레이하고 싶습니다. 이에 대한 예는 첫 번째 이미지 (원하는 경우 배경)가 제품의 썸네일 링크이며 링크가 더 큰 버전의 이미지를 표시하는 라이트 박스 / 팝업을 여는 링크입니다. 이 링크 된 이미지 위에 돋보기 이미지를 사용하여 사람들이 이미지를 클릭하여 이미지를 확대 할 수 있음을 보여주고 싶습니다 …

127 html css

7

사용하지 않은 CSS 이미지는 다운로드됩니까?

브라우저에서 사용하지 않는 CSS 이미지를 다운로드했거나 무시합니까? 예 : 어떤 요소와도 일치하지 않는 CSS 규칙. .nothingHasThisClass{background:url(hugefile.png);} 아니면 브라우저에 따라 다릅니 까?

127 css

13

부트 스트랩 3 : col-lg에만 해당

부트 스트랩 3이 처음입니다 .... 내 레이아웃에는 다음이 있습니다. <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> 'elements 2'가 col-lg 화면보다 작게 정렬되지 않도록하고 싶습니다. col-lg-6에 대해서만 클래스 풀-오른쪽을 효과적으로 갖습니다. 어떻게하면 되나요? 여기에 바이올린이 있습니다 : http://jsfiddle.net/thibs/Y6WPz/ 감사합니다

127 css twitter-bootstrap twitter-bootstrap-3 bootstrap-4

5

jquery에서 배경색을 설정하는 방법

tdjQuery에서 배경색을 설정하는 방법은 무엇입니까? 예 : $(this).css({**BackgroundColor:Red**}) 감사

127 jquery css

6

HTML 웹 페이지의 모든 요소에 대한 글꼴 속성을 지정하는 방법은 무엇입니까?

글꼴 군, 글꼴 크기, 색상 등을 설정할 때 일부 중첩 요소가 추악한 브라우저 기본값으로이를 재정의하는 것 같습니다. 실제로 내 페이지의 모든 요소에 대해 수십 번 지정해야합니까? 아니면 전체적으로 한 번에 영원히 설정할 수있는 방법이 있습니까? 그렇게하는 방법?

127 css

3

<div> 요소를 나란히 정렬

나는 이것이 다소 간단한 질문이라는 것을 알고 있지만 내 삶을 위해 그것을 이해할 수는 없습니다. 배경 이미지를 적용한 두 개의 링크가 있습니다. 현재 모습은 다음과 같습니다 (그림자에 대한 사과, 버튼의 대략적인 스케치). 그러나 저는이 두 버튼을 나란히 놓고 싶습니다. 정렬로 무엇을해야하는지 정말 알 수 없습니다. 다음은 HTML입니다. <div id="dB"}> <a …

127 css html alignment

7

부트 스트랩 CSS는 navbar navbar-fixed-top 아래 컨테이너 부분을 숨 깁니다.

나는 Bootstrap으로 프로젝트를 구축 중이며 약간의 문제에 직면하고 있습니다 .Nav-top 아래에 컨테이너가 있습니다. 내 문제는 내 컨테이너의 일부가 nav-top 헤더 아래에 숨겨져 있다는 것입니다 .I do n't want to use top-margin with 컨테이너. Pls는 IM이 문제에 직면 한 html 아래를 참조하십시오. <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link rel="stylesheet" …

127 css twitter-bootstrap

5

CSS에서 display : inline-block 대 float : left 사용의 장점

일반적으로 여러 개 DIVs를 연속으로 원할 때를 사용 float: left하지만 이제는display:inline-block 여기에 링크 예 . 그 날 것으로 보인다 display:inline-block더 좋은 방법이다 align DIVs연속, 그러나 어떤 단점이있다? 이 접근 방식이 float트릭 보다 덜 인기있는 이유는 무엇 입니까?

127 css css-float html

8

CSS에서 정규 표현식을 사용합니까?

s1 , s2 등 의 형식의 ID 가있는 div가있는 html 페이지가 있습니다 . <div id="sections"> <div id="s1">...</div> <div id="s2">...</div> ... </div> 이 섹션 / div의 하위 집합에 css 속성을 적용하고 싶습니다 (id에 따라 다름). 그러나 div를 추가 할 때마다 이와 같이 섹션에 대한 CSS를 별도로 추가해야합니다. //css #s1{ ... } …

127 css regex

10

부모 패딩 무시

부모 패딩을 무시하도록 수평 규칙을 얻으려고합니다. 다음은 내가 가지고있는 간단한 예입니다. #parent { padding:10px; width:100px; } hr { width:100px; } 수평선이 부모에서 10px만큼 확장된다는 것을 알 수 있습니다. 나는 부모 div의 다른 모든 것이 필요한 패딩을 무시하도록 노력하고 있습니다. 다른 모든 것에 대해 별도의 div를 만들 수 있다는 것을 알고 …

127 html css

11

부트 스트랩 열에 콘텐츠를 중앙에 배치하는 방법은 무엇입니까?

칼럼의 내용을 가운데로 맞추려고합니다. 나를 위해 작동하지 않는 것 같습니다. 내 HTML은 다음과 같습니다. <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle 데모

127 html css twitter-bootstrap

«css» 태그된 질문