프로그램 작성 css

25

웹앱에 내장 된 iframe에서 테두리를 어떻게 제거합니까? iframe의 예는 다음과 같습니다. <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> 배경색이 일관성이 있다고 가정하면 내 페이지의 내용에서 iframe의 내용으로 원활하게 전환하고 싶습니다. 대상 브라우저는 IE6 전용이며 불행히도 다른 사람을위한 솔루션은 도움이되지 않습니다.

707 html css iframe internet-explorer-6 noborder

20

입력 필드에서 : before 또는 : after 유사 요소를 사용할 수 있습니까?

필드 에서 :afterCSS 의사 요소 를 사용하려고 input하지만 작동하지 않습니다. 와 함께 사용하면 span정상적으로 작동합니다. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> 이것은 작동합니다 ( "buu!"다음에 "some more"앞에 스마일리를 넣습니다) <span class="mystyle">buuu!</span>a some more 이 방법은 작동하지 않습니다. 일부 값만 빨간색으로 표시되지만 웃는 것은 없습니다. <input class="mystyle" type="text" value="someValue"> 내가 …

686 html css pseudo-element css-content

15

CSS 폭발 관리

나는 작업중 인 웹 사이트를 CSS에 크게 의존했습니다. 현재 모든 CSS 스타일이 태그별로 적용되고 있으므로 앞으로 변경 사항을 돕기 위해 더 많은 외부 스타일로 이동하려고합니다. 그러나 이제 문제는 "CSS 폭발"을 받고 있다는 것을 알게되었습니다. CSS 파일 내에서 데이터를 가장 잘 구성하고 추상화하는 방법을 결정하기가 어려워지고 있습니다. div웹 사이트 내에서 많은 …

682 css organization

12

플렉스 아이템을 오른쪽 정렬하는 방법?

"Contact"를 사용하는 것보다 오른쪽에 맞추는 더 유연한 방법이 position: absolute있습니까? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div class="a"><a href="#">Home</a></div> <div class="b"><a href="#">Some …

681 html css flexbox

25

"위치 : 절대"요소를 중심에 배치하는 방법

속성이로 position설정된 요소를 가운데에 배치하는 데 문제 가 absolute있습니다. 왜 이미지가 중앙에 있지 않은지 아십니까? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: 1px solid #ccc; …

678 html css css-position centering

5

CSS Flexbox에서 "justify-items"및 "justify-self"속성이없는 이유는 무엇입니까?

플렉스 컨테이너의 주축과 횡축을 고려하십시오. 출처 : W3C 주축을 따라 플렉스 항목을 정렬하려면 하나의 속성이 있습니다. justify-content 가로축을 따라 플렉스 항목을 정렬하려면 세 가지 속성이 있습니다. align-content align-items align-self 위 이미지에서 주축은 가로이고 가로축은 세로입니다. 이것이 플렉스 컨테이너의 기본 방향입니다. 그러나 이러한 방향은 flex-direction속성 과 쉽게 교환 할 수 있습니다 …

677 css flexbox language-lawyer w3c

12

Flexbox : 수평 및 수직 중심

flexbox를 사용하여 컨테이너 내에서 div를 가로 및 세로로 가운데에 배치하는 방법. 아래 예제에서 가로 아래에있는 각 숫자가 서로 아래에 (행으로) 표시됩니다. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { background: tomato; padding: 5px; width: 200px; height: …

671 html css flexbox

4

클래스의 CSS에서 와일드 카드 *

스타일링하는 div가 .tocolor있지만 고유 식별자 1,2,3,4 등도 필요하므로 다른 클래스로 추가하고 있습니다 tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: red; } 단지 1 클래스를 가질 수있는 방법이 있나요 tocolor-*. *이 …

669 css css-selectors wildcard

30

HTML 레이아웃에 테이블을 사용하지 않는 이유는 무엇입니까? [닫은]

현재로서는이 질문이 Q & A 형식에 적합하지 않습니다. 답변, 사실, 참고 자료 또는 전문 지식을 통해 답변이 뒷받침 될 것으로 예상되지만이 질문은 토론, 논쟁, 여론 조사 또는 광범위한 토론을 요구할 것입니다. 이 질문을 개선하고 다시 열 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으십시오 . 휴일 팔년 전에 …

665 html css

16

CSS 배경 확장 및 확장

컨테이너를 채우기 위해 확장하거나 확장하기 위해 CSS에서 배경을 얻는 방법이 있습니까?

653 html css

10

특정 클래스 나 속성이없는 요소를 선택하는 CSS 선택기를 작성할 수 있습니까?

특정 클래스 가없는 모든 요소를 선택하는 CSS 선택기 규칙을 작성하고 싶습니다 . 예를 들어, 다음 HTML이 주어진 경우 : <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav>  </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> …

644 html css css-selectors

23

고정 위치이지만 컨테이너와 관련

나는 div항상 다음을 사용하여 화면 상단에 붙어 있도록 수정하려고합니다 . position: fixed; top: 0px; right: 0px; 그러나 div중앙 컨테이너 안에 있습니다. 내가 그것을 사용할 때 브라우저의 오른쪽에있는 것과 같이 브라우저 창에 상대적인 position:fixed것을 수정 div합니다. 대신, 컨테이너를 기준으로 고정해야합니다. 을 position:absolute기준으로 요소를 수정하는 데 사용할 수 div있지만 페이지를 아래로 스크롤하면 …

639 css position css-position fixed

26

HTML / CSS에서 이미지를 회색조로 변환

컬러 비트 맵을 회색조로 표시하는 간단한 방법이 HTML/CSS있습니까? IE 호환 가능 할 필요는 없으며 FF3 및 / 또는 Sf3에서 작동하면 충분합니다. 나는 SVGCanvas와 Canvas 로 모두 할 수 있다는 것을 알고 있지만 지금은 많은 일처럼 보입니다. 이것을하는 정말로 게으른 사람의 방법이 있습니까?

619 image css grayscale

11

CSS를 사용하여 Firefox 만 타겟팅

조건부 주석을 사용하면 브라우저 별 CSS 규칙으로 Internet Explorer를 쉽게 타겟팅 할 수 있습니다.  때로는 Gecko 엔진 (Firefox)이 오작동하는 경우가 있습니다. 다른 하나의 브라우저가 아닌 CSS 규칙으로 Firefox 만 타겟팅하는 가장 좋은 방법은 무엇입니까? 즉, Internet Explorer는 Firefox 전용 규칙을 무시해야 할뿐만 …

616 css firefox css-hack

8

여러 클래스 제거 (jQuery)

이것을 다시 쓰는 더 좋은 방법이 있습니까? $('element').removeClass('class1').removeClass('class2'); removeClass();원하지 않는 모든 클래스를 제거하므로 사용할 수 없습니다 .

615 jquery css

«css» 태그된 질문