프로그램 작성 css

8

전체 블록이 부모의 중앙에 배치되기를 원하지만 블록의 내용은 왼쪽 정렬됩니다. 예가 가장 좋습니다 이 페이지에서 : http://yaml-online-parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a---+%7c%0d%0a++%5c%2f%2f%7c%7c%5c% 2f % 7c % 7c % 0d % 0a ++ % 2f % 2f + % 7c % 7c ++ % 7c % 7c __ % 0d % 0a & type = python …

81 css alignment center

1

요소 유형의 자식이 아닌 CSS 선택자?

태그 code안에없는 요소 를 스타일링하고 싶습니다 a. 이를 달성하는 가장 좋은 방법은 무엇입니까? code:not(a code)그것이 비록, 크롬에 적어도 전혀 작동하지 않는 것 이해야처럼 보인다 콘솔에서도 작동하지 않습니다. 이것을 위해 사용할 수있는 다른 CSS 전용 접근 방법이 있습니까?

81 css css-selectors

9

인라인 <style> 태그와 인라인 CSS 속성

CSS 속성을 설정하는 데 선호되는 방법은 무엇입니까? 인라인 스타일 속성 : <div style="width:20px;height:20px;background-color:#ffcc00;"></div> <style>...</style>태그의 스타일 속성 : <style>.gold{width:20px;height:20px;background-color:#ffcc00;}</style><div class="gold"></div>

81 html css

6

페이지 콘텐츠 위에 div 플로팅

검색 옵션을 동적으로 표시하는 팝업 상자를 구현했습니다. 상자가 모든 사이트 콘텐츠 위에 "부동"하기를 원합니다. 현재 상자가 표시되면 그 아래에있는 모든 콘텐츠가 표시되지 않고보기에 좋지 않습니다. 이미 상자 div의 Z- 색인을 나머지 페이지 콘텐츠보다 높게 설정하려고 시도했지만 여전히 운이 없습니다.

81 css z-index

14

입력 할 때 html 텍스트 입력 필드가 커지도록합니까?

다음과 같이 CSS로 초기 텍스트 입력 크기를 설정할 수 있습니다. width: 50px; 그러나 예를 들어 200px에 도달 할 때까지 입력하면 성장하고 싶습니다. 이것은 가급적 javascript없이 직접 CSS, html로 수행 할 수 있습니까? 물론 js / jquery 솔루션도 게시하십시오. 그러나 이것이 없이도 가능하다면 훌륭합니다. 내 시도 : http://jsfiddle.net/jszjz/2/

81 javascript jquery html css

1

CSS 픽셀이 분수 일 수 있습니까?

CSS px는 분수가 될 수 있습니까 ? 표준에서 허용합니까? 그렇다면 주요 브라우저에서 지원합니까? 문서와 함께 답변을 뒷받침합시다.

81 css w3c

6

IE가 가상 요소 CSS를 넘나들나요?

나는 IE에서 작동하기 위해 몇 가지 의사 요소를 얻으려고 노력했지만 그렇게 할 수는 없습니다. 그것은 CSS를 지우고 거기에없는 것처럼 행동합니다. 내가 뭘 잘못하고 있는지 아는 사람이 있습니까? .newbutton { border-radius: 50%; width: 74px; height: 74px; position: relative; background-color: black; margin: 60px 0px 25px 17px; overflow: visible; } .newbutton:before { content: …

81 css internet-explorer ie-developer-tools

10

봇에서 이메일 주소 숨기기-메일 유지 :

tl; dr 스크립트를 사용하지 않고 봇으로부터 이메일 주소를 숨기고 mailto:기능을 유지 합니다. 메서드는 화면 판독기도 지원해야합니다. 요약 스크립트 또는 문의 양식 을 사용 하지 않고 이메일 난독 화 이메일 주소는 사람이 보는 사람 이 완전히 볼 수 있어야 하고 mailto:기능을 유지해야 합니다. 이메일 주소 는 이미지 형식이 아니어야합니다 . 이메일 …

81 html css web-crawler mailto

9

CSS를 사용하여 div의 높이를 너비에 비례하여 조정할 수 있습니까?

내 div 높이가 항상 너비의 절반이되도록 CSS에서 변수를 설정할 수 있습니까? <div class="ss"></div> CSS : .ss { width:30%; height: half of the width; } 이 30 % 너비는 화면 해상도에 따라 조정됩니다.

81 html css

6

CSS를 사용하여 페이지 중앙에 테이블을 배치하는 방법은 무엇입니까?

다음 코드를 사용하고 있습니다. CSS를 사용하여이 테이블을 페이지 중앙에 배치하는 방법은 무엇입니까? <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>The Main Page</title> </head> <body> <table> <tr> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> </tr> </table> </body> </html>

81 html css html-table center

10

: after 요소가 다음 줄로 줄 바꿈되지 않도록 방지

이 HTML이 있습니다. <ul> <li class="completed"><a href="#">I want the icon to stay on the same line as this last <strong>word</strong></li> </ul> : after 가상 요소를 사용하여 아이콘을 추가하고 있습니다. ul li.completed a:after { background:transparent url(img.png) no-repeat; content: ''; display:inline-block; width: 24px; height: 16px; } 문제 : 사용 가능한 너비가 너무 …

81 css

8

페이지로드시 CSS 전환 실행 중지

transition페이지로드시 실행 되는 CSS 속성에 문제가 있습니다. 문제는 color transition요소에 a 를 적용 할 때 (예 :) transition: color .2s페이지가 처음로드 될 때 요소가 검은 색에서 자체 할당 된 색상으로 깜박이는 것입니다. 다음 코드가 있다고 가정합니다. CSS p.green { color: green; transition: color .2s; -moz-transition: color .2s; -webkit-transition: color .2s; …

81 html css google-chrome

12

스타일이 지정되지 않은 콘텐츠의 플래시 제거

웹 페이지에서 스타일이 지정되지 않은 콘텐츠 (FOUC)의 플래시를 어떻게 중지합니까?

81 css fouc

11

반복되는 CSS 애니메이션 지연

저는 최근에 CSS 애니메이션을 "올바르게"사용하는 방법을 발견했습니다 (이전에는 JavaScript에서와 같이 복잡한 시퀀스를 만들 수 없다고 무시했습니다). 이제 나는 그들에 대해 배우고 있습니다. 이 효과를 위해 진행률 표시 줄과 같은 요소에 그라데이션 "플레어"스윕을 적용하려고합니다. 기본 Windows Vista / 7 진행률 표시 줄의 효과와 유사합니다. @keyframes barshine { from {background-image:linear-gradient(120deg,rgba(255,255,255,0) -10%,rgba(255,255,255,0.25) -5%,rgba(255,255,255,0) …

81 css css-animations

5

브라우저 개발자 도구를 사용하여 브라우저가 사용하는 srcset 이미지를 볼 수 있습니까?

srcset브라우저 개발자 도구를 통해 내 브라우저가 어떤 이미지를 사용 하고 있는지 확인하려고 노력 했지만 네트워크 탭을 사용하여 어떤 이미지를 가져 오는지 알 수 없습니다. 일반적으로 네트워크 탭을 사용하는 것이 좋지만 때로는 다른 크기의 이미지 버전 2 개를 가져 오는 것으로 나타났습니다. 중단 점 하나가 600이고 다른 중단 점이 900이고 브라우저가 …

81 html css responsive-design developer-tools srcset

«css» 태그된 질문