프로그램 작성 css

13

CSS로 페이지를 만들었습니다. 이제 편집기에서 브라우저로 변경하고 전체 페이지를 새로 고쳐야 만 작은 변경 사항을 모두 살펴볼 수 있습니다. 하지만 애니메이션이 있기 때문에 페이지를 새로 고침하고 싶지 않습니다. 그렇다면 CSS 업데이트 후 내 사이트가 자동으로 업데이트되도록 사용할 수있는 것이 있습니까? JavaScript, jQuery, Ajax 등을 사용할 수 있습니까?

81 javascript jquery html css ajax

7

CSS에서 텍스트와 선택 상자를 같은 너비로 정렬 하시겠습니까?

좋아, 이것은 옳은 일이 불가능 해 보입니다. 텍스트 상자와 선택 상자가 있습니다. 왼쪽 여백과 오른쪽 여백에 정렬되도록 정확히 같은 너비를 원합니다. <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> </head> <body> <input type="text" value="ABC"><br> <select> <option>123</option> </select> </body> </html> 그렇게 생각하면 되겠죠? 아니. 선택 상자는 …

81 css html textbox drop-down-menu

7

Highcharts 차트 옵션 backgroundColor : 'transparent'IE 8에서 검은 색 표시

HighchartsbackgroundColor:'transparent'검정색으로 표시되는 차트 옵션IE 8 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' } 이것은 잘 작동 I.E 9하지만 IE 8 및 Safari에서는 실패합니다.

81 css internet-explorer-8 cross-browser highcharts

7

jquery.animate ()를 사용한 CSS 회전 크로스 브라우저

브라우저 간 호환 회전 (ie9 +)을 만드는 중이며 jsfiddle에 다음 코드가 있습니다. $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, 1000); } CSS와 HTML은 정말 간단하고 데모 용입니다. .SomeDiv{ width:50px; …

81 jquery css rotation jquery-animate

7

사용자 정의 CSS를 사용하여 WebView에서 HTML 렌더링

내 앱은 JSoup을 사용하여 게시판 페이지의 HTML을 다운로드합니다 (이 경우에는 주어진 스레드의 게시물을 포함하는 페이지라고 가정 해 보겠습니다). 이 HTML을 가져 와서 원하지 않는 항목을 제거하고 사용자 지정 CSS를 적용하여 WebView에서 '모바일'스타일로 만들고 싶습니다. 처리 할 때 스타일을 HTML에 삽입해야합니까 (어쨌든 처리 할 것이므로) 아니면 CSS 파일을 내 앱의 자산에 …

81 android html css webview

7

jQuery .hide ()와 .css ( "display", "none")의 차이점

차이점이 있습니까? jQuery('#id').show() and jQuery('#id').css("display","block") 과 jQuery('#id').hide() and jQuery('#id').css("display","none")

81 javascript jquery css

3

최대 장치 너비 또는 최대 너비를 사용해야합니까?

CSS 미디어 쿼리를 사용 max-device-width하여 장치 너비 (예 : iPhone 또는 Android 장치) 및 / 또는 max-width페이지 너비 를 대상으로하는을 대상으로 지정할 수 있습니다 . 을 사용 max-device-width하면 데스크톱에서 브라우저 창의 크기를 변경할 때 데스크톱 크기가 변경되지 않으므로 CSS가 변경되지 않습니다. 을 사용하는 경우 max-width데스크톱에서 브라우저 창의 크기를 변경할 때 …

81 css responsive-design media-queries

6

CSS 패딩이 요소의 크기를 증가시키는 이유는 무엇입니까?

내 div 및 텍스트 영역에 약간의 패딩을 제공하려고합니다. 이렇게하면 요소 내부의 콘텐츠 영역이 축소되는 대신 요소의 크기가 증가합니다. 내가하려는 일을 성취 할 수있는 방법이 있습니까?

81 html css

8

약간의 마법이 적은 멋진 미디어 쿼리

less를 사용하는 일부 css 클래스 내에서 다른 해상도에 대해 css 스타일을 래핑하는 것이 좋습니다. 다음과 같은 작업을하고 싶습니다. footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } 결국 다음과 같은 결과가 나타납니다. footer { width: 100%; } @media …

81 css responsive-design less media-queries

5

내 div 여백이 겹치는 이유는 무엇이며 어떻게 수정할 수 있습니까?

이 div의 여백이 겹치는 이유를 이해할 수 없습니다. .alignright {float: right} #header .social {margin-top: 50px;} #header .social a {display: inline-block;} #header .social .fb {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .social .twit {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .contact {margin: 20px 70px 20px 0; font-size: …

81 html css margins

7

<span> 태그의 CSS 너비

<span>모듈 제목에 태그를 사용 합니다. 예 : <span>Categories</span>. 범위의 배경색 / 이미지, 너비 및 높이를 CSS로 지정합니다. 그러나 범위의 너비는 내용 / 텍스트에 따라 다릅니다. 따라서 <span></span>css의 배경 이미지 / 색상 만 사용하면 아무것도 나타나지 않습니다. 물론 뭔가 나타나길 원합니다. 어떻게 해결할 수 있습니까?

81 css

15

HTML 및 CSS가있는 진행률 표시 줄

아래 이미지와 같이 진행률 표시 줄을 만들고 싶습니다. 나는 이것을 만드는 것에 대해 전혀 모른다. HTML5 기술을 사용해야합니까? 이 진행률 표시 줄을 만드는 데 도움을 주시겠습니까?

81 html css progress-bar

7

테두리를 축소하는 방법 (div에서)?

http://jsfiddle.net/R8eCr/1/ 과 같은 마크 업이 있다고 가정합니다. <div class="container"> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> ... </div> 그런 다음 CSS .container { display: table; border-collapse: collapse; } .column { …

81 css

2

부모 div를 자식 div의 너비에 맞게 자동 크기로 만드는 방법

부모 div를 자식 div만큼 넓게 만들려고합니다. 자동 너비는 상위 div를 전체 화면에 맞게 만듭니다. 자식 div는 내용에 따라 너비가 다르므로 그에 따라 조정하려면 부모 div가 필요합니다. <div style='width:auto;'> <div style="width: 135px; float: left;"> <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4> <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;"> <dd style="white-space: nowrap;">1</dd> …

81 html css

5

CSS를 통한 유니 코드 : before

웹 페이지에서 Font Awesome 을 사용 하고 있으며 :before의사 요소 안에 아이콘을 표시하고 싶습니다 . documentation / cheatsheet 에 따르면 &#xf066;이 글꼴을 얻으려면 입력해야하는데 작동하지 않습니다. HTML 엔티티가 .NET에서 지원되지 않기 때문에 이것이 정상이라고 생각합니다 :before. 그래서 나는 조금 봤는데에서 HTML 엔티티를 표시 :before하려면 이스케이프 된 16 진수 참조를 사용해야 …

81 html css unicode encoding icons

«css» 태그된 질문