«css» 태그된 질문

이 질문은 .css 파일 내에서 실제 CSS 지시문 자체를 구성하는 것에 관한 것입니다. 새 페이지 또는 페이지 집합을 개발할 때 일반적으로 .css 파일에 직접 지시문을 추가하고 가능한 한 리팩토링하려고합니다. 시간이 지나면 수백 (또는 수천) 줄의 줄이 생기고 레이아웃을 조정할 때 필요한 것을 찾기가 어려울 수 있습니다. 누구든지 지침을 구성하는 방법에 …

80 css 

최근에 저는 더 반응이 빠른 사이트를 디자인하고 있으며 CSS 미디어 쿼리를 자주 사용하고 있습니다. 내가 알아 차린 한 가지 패턴은 미디어 쿼리가 정의되는 순서가 실제로 중요하다는 것입니다. 모든 브라우저에서 테스트하지는 않았지만 Chrome에서만 테스트했습니다. 이 동작에 대한 설명이 있습니까? 사이트가 제대로 작동하지 않고 쿼리인지 또는 쿼리가 작성된 순서인지 확실하지 않을 때 …

80 css  media-queries  responsive-design 

요소 Y 축을 50 % 변환하면 예상대로 상위 높이의 50 %가 아니라 자체 높이의 50 % 아래로 이동합니다. 번역 요소가 상위 요소를 기준으로 번역 비율을 결정하도록하려면 어떻게해야합니까? 아니면 내가 뭔가를 이해하지 못하고 있습니까? http://jsfiddle.net/4wqEm/2/

80 css  translate  percentage  translate3d 

버튼 클릭으로 div를 다시로드하고 싶습니다. 전체 페이지를 다시로드하고 싶지 않습니다. 내 코드는 다음과 같습니다. HTML : <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" /> <input type="button" id="confirmNext" value="Confirm & Proceed" class="disabled marginLeft50" /> </div> <input type="button" id="getCameraSerialNumbers" value="Capture Again">버튼을 클릭하면 <div id="list">....</div>전체 페이지를로드하거나 새로 고침하지 않고 새로 …

80 javascript  jquery  html  css  ajax 

div를 전체 높이로 확장하는 데 사용할 수있는 방법이 있습니까? 나는 그것에 끈적한 바닥 글도 있습니다. 다음은 웹 페이지입니다. 웹 사이트가 삭제되었습니다 . 제가 말하는 중간 부분은 CSS 값이있는 중간 콘텐츠 인 흰색 div입니다. .midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; max-width:968px; height:100%; } 네, 분명히 height:100%작동하지 않았습니다. …

80 css  xhtml  html 

CSS2 상자 모델은 인접한 수직 여백이 축소됨을 알려줍니다 . 많은 디자인 버그의 원인이되기 때문에 상당히 성가신 일입니다. 마진 축소의 목적을 이해함으로써 언제 사용하는지, 필요하지 않을 때 피하는 방법을 알 수 있기를 바랍니다. 이 기능의 목적은 무엇입니까?

80 w3c  css 

진행률 표시 줄을 시뮬레이션하기 위해 직사각형 캔버스를 만들고 싶지만 캔버스의 너비와 높이를 100 %로 설정하면 실제로 부모만큼 높고 넓지 않은 것 같습니다. http://jsfiddle.net/PQS3A/ 아래의 예를 참조하십시오. 정사각형이 아닌 캔버스를 만드는 것도 가능합니까? 캔버스의 높이와 너비는 모바일 장치를 포함하여 더 크거나 작은 화면에서 볼 때 동적으로 변경되어야하기 때문에 하드 코딩하고 싶지 …

80 javascript  css  html  canvas 

내 웹 페이지에 때때로 많은 행을 포함하는 동적 테이블이 있습니다. 나는 거기 알고 page-break-before및 page-break-afterCSS 속성. 필요한 경우 페이지를 강제로 나누기 위해 코드에 어디에 두어야합니까?

80 html  css  printing  css-tables  page-break 

내 사이트에 H1 스타일이 있습니다. .centercol h1 { color: #006bb6; font-weight: normal; font-size: 18px; padding:3px 3px 3px 6px; border-left:3px solid #c6c1b8; background:#f2efe9; display:block; } 배경색은 centercol의 전체 너비, 500px에 걸쳐 있습니다. 이 H1을 H1의 텍스트 너비에만 확장하려면 어떻게해야합니까?

80 css 

@font-faceCSS에서 규칙 이상을 어떻게 사용할 수 있습니까? 내 스타일 시트에 삽입했습니다. body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } 이것은 현재 사이트의 전체 텍스트에만 적용됩니다. 그러나 h1다른 글꼴을 사용 …

80 html  css  fonts  font-face  webfonts 

CSS에서 다음 과 같이 할 수 있습니다 . input[type=submit] { // properties } 양식 버튼을 스타일링하는 데 매우 유용합니다. SASS에서 동일한 작업을 어떻게 수행합니까?

80 css  attributes  css-selectors  sass 

rotateX(50deg) rotateY(20deg) rotateZ(15deg)속기 결합하는 방법 rotate3d()?

79 css  css-transforms 

지금 부트 스트랩 3.0을 업그레이드했습니다. 그리고 btn (클래스 .btn의 도움으로)처럼 보이는 "a"태그는 navbar에서 망가졌습니다. <li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?> </a> </li> 그러나 제대로 작동하지 않습니다. 부트 스트랩은 내가 생각하는 시스템을 변경했습니다.

79 css  twitter-bootstrap-3 

div 너비를 동적으로 설정하려고합니다. ng-style 하지만 스타일을 적용하지 않습니다. 다음은 코드입니다. <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle"> </div> </div> </div> 제어 장치: var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); 내가 무엇을 놓치고 있습니까? Fiddle 링크 : Fiddle

79 css  angularjs  ng-style 

크기를 알 수없는 이미지의 테두리로 흰색 광선을 만들려면 어떻게해야합니까?

79 image  css  border  glow