«css» 태그된 질문

텍스트를 기울임 꼴로 만드는 올바른 방법 은 무엇입니까 ? 나는 다음과 같은 네 가지 접근법을 보았다. <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> 이것이 "구식"입니다. <i>의미 적 의미가 없으며 텍스트를 이탤릭체로 만드는 표현 효과 만 전달합니다. 내가 볼 수있는 한, 이것은 의미가 없기 때문에 분명히 잘못되었습니다. …

202 html  css  semantic-markup 

마진 축소를 비활성화하는 방법이 있습니까? 내가 찾은 유일한 해결책 ( "unollapsing"이라는 이름으로)은 1px 테두리 또는 1px 패딩을 사용합니다. 나는 이것을 용납 할 수 없다는 것을 알았습니다. 외부 픽셀은 아무 이유없이 계산을 복잡하게 만듭니다. 이 마진 축소를 비활성화하는보다 합리적인 방법이 있습니까?

202 css  margin  collapse 

요소를 희미하게하고 (불투명도를 0으로 전환) 완료되면 요소를 DOM에서 제거하십시오. jQuery에서는 애니메이션이 완료된 후 발생하는 "제거"를 지정할 수 있으므로 간단합니다. 그러나 CSS3 전환을 사용하여 애니메이션을 적용하려면 전환 / 애니메이션이 언제 완료되었는지 알 수 있습니까?

202 javascript  jquery  css 

Firefox 28에서는 <input type="number">숫자 만 포함 해야하는 입력 필드에 숫자 키보드가 표시되므로 잘 사용하고 있습니다. Firefox 29에서 숫자 입력을 사용하면 필드의 오른쪽에 스핀 버튼이 표시됩니다. 어쨌든 6 ~ 10 자리 숫자와 같은 것을 쓸 때 쓸모가 없기 때문에 버튼이 실제로 필요하지 않습니다. CSS 또는 jQuery로 이것을 비활성화 할 수 있습니까?

202 jquery  css  firefox  input  spinner 

받은 편지함에 사용되는 간단한 테이블이 다음과 같습니다. <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> 시작 및 날짜가 페이지 너비의 15 %이고 주제가 70 %가되도록 너비를 설정하는 방법 또한 테이블이 전체 페이지 너비를 차지하기를 원합니다.

202 html  css  html-table 

내 HTML은 다음과 같습니다. <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> CSS 만 사용하여 제품 이름 (예 : 'Product1', 'Product2'등)을 굵게 표시하고 범주 (전자 제품, 스포츠 등)를 기울임 꼴로 표시하고 싶습니다. HTML과 CSS를 사용하는 것이 불가능하다고 언급 한 오래된 질문을 찾았지만 지금은 해결책이 있기를 바랍니다.

202 html  css  drop-down-menu 

이 문제에 대한 간단한 해결책이 있다고 확신합니다. 기본적으로 두 개의 열이 있으면 열 사이에 공백을 어떻게 추가합니까? 예를 들어 HTML이 다음과 같은 경우 : <div class="col-md-6"></div> <div class="col-md-6"></div> 출력은 페이지의 전체 너비를 차지하는 서로 바로 옆에있는 두 개의 열입니다. 너비가 설정되어 있다고 가정하면 1000px각 div가 500px넓을 것입니다. 100px둘 사이 에 …

202 html  css  twitter-bootstrap-3  grid-layout 

다음 코드가 있습니다. <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> 경로 태그 내에서 실제로 변경하지 않고 CSS 경로 또는 다른 방법으로 SVG 경로의 채우기 색상을 변경할 수 있습니까?

202 css  svg 

내 마우스가 넘어 때 손 커서 포인터를 변경하려면 어떻게 <tr>A의<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

정렬 된 목록이 CSS를 사용하여 1.1, 1.2, 1.3 (1, 2, 3, ... 대신)처럼 보이는 결과를 생성 할 수 있습니까? 지금까지는 list-style-type:decimal1.1, 1.2., 1.3이 아닌 1, 2, 3 만 생산했습니다.

201 html  css 

div 컨테이너가 있고 다음과 같이 스타일을 정의했습니다. div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } 이 div에 포함 된 테이블을 채우면 가로 및 세로 스크롤 막대가 자동으로 제공됩니다. 가로 스크롤 막대 만 자동으로 나타나기를 원합니다. 프로그래밍 방식으로 테이블 높이를 수정하겠습니다. 어떻게해야합니까?

200 css  html 

나는 스타일을 시도 fieldset와 요소 display: flex와 display: inline-flex. 그러나, 그것은 작동하지 않았다 flex처럼 행동 block하고, inline-flex처럼 행동했습니다 inline-block. 이것은 Firefox와 Chrome 모두에서 발생하지만 이상하게는 IE에서 작동합니다. 버그입니까? HTML5 또는 CSS Flexible Box Layout 사양 fieldset에서 특별한 동작 이 있어야한다는 것을 알 수 없었습니다 . fieldset, div { display: flex; …

200 html  css  flexbox 

헤더 태그가 있다면 <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } 그 후 나는 단락이 <p>stuff here</p>있습니다. CSS를 사용하여 <p>다음에 오는 모든 태그가 h1.hc-reform사용하도록하려면 어떻게해야합니까?clear:both; 그럴 것입니다 : h1.hc-reform > p{ clear:both; } 어떤 이유로 작동하지 않습니다.

200 html  css  css-selectors  siblings 

2 개의 div를 서로 옆에 묶는 래퍼 div가 있습니다. 이 컨테이너 위에 헤더를 포함하는 div가 있습니다. 래퍼 div는 100 %에서 헤더 높이를 뺀 값이어야합니다. 헤더는 약 60 픽셀입니다. 이것은 고정되어 있습니다. 그래서 내 질문은 : 래퍼 div의 높이를 100 %에서 60px로 어떻게 설정합니까? <div id="header"></div> <div id="wrapper"> <div id="left"></div> <div …

199 css  height 

다음 과 같은 JavaScript를 통해 CSS 값을 설정할 수 있다는 것을 알고 있습니다 . document.getElementById('image_1').style.top = '100px'; 그러나 현재 특정 스타일 값을 얻을 수 있습니까? 요소의 전체 스타일을 얻을 수있는 곳을 읽었지만 필요하지 않은 경우 전체 문자열을 구문 분석하지 않아도됩니다.

199 javascript  css