«css» 태그된 질문

CSS (Cascading Style Sheets)는 HTML (HyperText Markup Language), XML (Extensible Markup Language) 문서 및 색상, 레이아웃, 글꼴 등을 포함한 SVG 요소의 모양과 형식을 설명하는 데 사용되는 표현 스타일 시트 언어입니다. 애니메이션. 또한 화면, 종이, 연설 또는 기타 미디어에서 요소를 렌더링하는 방법에 대해서도 설명합니다.

3
한 클래스를 제외한 모든 요소에 대해 CSS 규칙을 만드는 방법은 무엇입니까?
내 프로젝트를위한 CSS 스타일 시트를 만들었습니다. "dojoxGrid"클래스에 속하는 테이블 요소를 제외한 모든 테이블 요소에 적용되는 CSS 규칙을 작성할 수있는 방법이 있습니까? 다음과 같은 것 : .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }
12
TBODY 요소 사이에 간격을 두는 방법
다음과 같은 테이블이 있습니다. <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody> <tbody> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> </tbody> </table> 각 tbody 요소 사이에 약간의 간격을두고 싶지만 패딩과 여백은 효과가 없습니다. 어떤 아이디어?
95 html  css 
5
Div 오버레이를 전체 페이지 (뷰포트뿐만 아니라)로 만드시겠습니까?
그래서 제 생각에 꽤 흔한 문제가 있지만 아직 좋은 해결책을 찾지 못했습니다. 오버레이 div가 뷰포트뿐만 아니라 전체 페이지를 덮도록 만들고 싶습니다. 나는 이것이 왜 그렇게 어려운지 이해하지 못한다. 나는 body, html 높이를 100 % 등으로 설정하려고 시도했지만 작동하지 않는다. 지금까지 내가 가지고있는 것은 다음과 같습니다. <html> <head> <style type="text/css"> .OverLay …
95 html  css 
10
DIV를 하단 또는 기준선에 정렬
하위 div 태그를 상위 div 태그의 하단 또는 기준선에 정렬하려고합니다. 내가 원하는 것은 부모 Div의 기준선에 자식 Div를 두는 것뿐입니다. 지금은 다음과 같습니다. HTML <div id="parentDiv"> <div class="childDiv"></div> </div> CSS #parentDiv { width:300px; height:300px; background-color:#ccc; background-repeat:repeat } #parentDiv .childDiv { height:100px; width:30px; background-color:#999; } 노트 childDiv다양한 높이를 가진 여러 개의를 …
95 html  css 
9
Chart.js 선 차트의 레이블 수 제한
내가 얻은 데이터에서 차트의 모든 포인트를 표시하고 싶지만 모든 레이블을 표시하고 싶지는 않습니다. 왜냐하면 차트를 잘 읽을 수 없기 때문입니다. 나는 문서에서 그것을 찾고 있었지만 이것을 제한하는 매개 변수를 찾을 수 없었습니다. 예를 들어 3 개의 레이블 만 사용하고 싶지는 않습니다. 차트도 3 점으로 제한되기 때문입니다. 가능할까요? 나는 지금 그와 …
13
html 라디오 버튼을 레이블에 수직으로 정렬하는 방법은 무엇입니까?
레이블과 같은 줄에 라디오 단추가있는 양식이 있습니다. 그러나 라디오 버튼은 아래 스크린 샷과 같이 레이블과 수직으로 정렬되지 않습니다. 라디오 버튼을 레이블과 수직으로 정렬하려면 어떻게해야합니까? 편집하다: 다음은 html 코드입니다. <input checked="checked" type="radio" name="user_level" id="rd1" value="1"/> <label for="rd1">radio 1</label><br/> <input type="radio" name="user_level" id="rd2" value="2"/> <label for="rd2">radio 2</label><br/> <input type="radio" name="user_level" id="rd3" value="3"/> …
8
100 % 너비가없는 디스플레이 블록
display 속성을 사용하여 다른 요소 아래에 표시되도록 범위 요소를 설정하고 싶습니다. 인라인 블록을 적용하려고했지만 성공하지 못했고, 요소의 너비를 100 %로 설정하는 것을 피할 수 있다면 블록을 사용할 수 있다고 생각했습니다 (요소가 "확장"되는 것을 원하지 않습니다). 이렇게 할 수 있습니까? 아니면 이런 종류의 문제를 해결하기위한 좋은 방법은 무엇입니까? 예 : 각 …
95 html  width  block  css 
5
너비 / 높이가 정의 된 div 콘텐츠의 중앙에 세로로 정렬하는 방법은 무엇입니까?
수직 정해진 너비 / 높이에서 콘텐츠를 중앙에 올바른 방법 하겠는가 div. 이 예 에는 높이가 다른 두 콘텐츠가 .content있습니다. 클래스를 사용하여 세로로 가운데에 두는 가장 좋은 방법은 무엇입니까 ? (그리고 모든 브라우저에서 작동하며의 솔루션없이 table-cell) 몇 가지 솔루션을 염두에두고 있지만 다른 아이디어를 알고 싶습니다 . 하나는 position:absolute; top:0; bottom: 0;및 …
13
</ div> 이후 줄 바꿈 방지
CSS로 div 후 줄 바꿈을 방지하는 방법이 있습니까? 예를 들어 &lt;div class="label"&gt;My Label:&lt;/div&gt; &lt;div class="text"&gt;My text&lt;/div&gt; 다음과 같이 표시되기를 원합니다. 내 레이블 : 내 텍스트
95 css  html 
3
CSS에서 글꼴 패밀리 이름을 따옴표로 묶어야합니까?
오래 전에 CSS font-family 속성에 여러 단어를 포함하는 글꼴 이름을 따옴표로 묶는 것이 "모범 사례"로 간주되었다는 소식을 들었습니다. font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 도대체 따옴표를 제거하려고 시도 "Arial Narrow"했으며 Safari와 Firefox는 렌더링하는 데 문제가 없습니다. 그래서,이 경험 법칙에 논리가 있습니까, 아니면 단지 신화입니까? 현재 버전에 더 이상 적용되지 않는 …
1
인쇄 스타일 : 이미지가 페이지 나누기에 걸쳐 있지 않은지 확인하는 방법
인쇄 스타일 시트를 작성할 때 이미지가 여러 페이지에 걸쳐있는 대신 항상 단일 페이지에만 있도록하는 방법이 있습니까? 이미지는 페이지보다 훨씬 작지만 문서 흐름에 따라 페이지 하단에서 끝나고 분할됩니다. 내가보고있는 동작의 예는 다음과 같습니다. Page 1 | | | (text text text) | | (text text text) | | ________________ | | …
10
비활성화 된 입력 텍스트 색상
아래의 간단한 HTML은 Firefox 및 WebKit 기반 브라우저에서 다르게 표시됩니다 (Safari, Chrome 및 iPhone에서 확인했습니다). Firefox에서는 테두리와 텍스트의 색상이 같지만 ( #880000) Safari에서는 텍스트가 약간 밝아집니다 (투명도가 적용된 것처럼). 어떻게 든이 문제를 해결할 수 있습니까 (Safari에서이 투명도 제거)? &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; …
95 iphone  html  css  safari  webkit 
13
HTML5 비디오 포스터를 비디오 자체와 같은 크기로 만들기
누구든지 동영상 자체의 정확한 크기에 맞도록 HTML5 동영상 포스터의 크기를 조정하는 방법을 알고 있습니까? 여기에 문제를 보여주는 jsfiddle이 있습니다 : http://jsfiddle.net/zPacg/7/ 그 코드는 다음과 같습니다. HTML : &lt;video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /&gt; &lt;/video&gt;​ CSS : video{ border:1px solid …
7
"pointer-events : none"사용시 CSS 커서 속성 추가
특정 링크를 비활성화하고 커서 스타일을 적용하려고하는데이 CSS 명령이 적용 cursor: text;되지 않습니다. 커서는 항상 기본값입니다. 최신 Firefox 버전을 사용하고 있습니다. CSS : pointer-events: none !important; cursor: text; color: Blue;
95 css 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.