«css» 태그된 질문

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

5
<script> 태그는 언제 표시되어야하며 왜 그렇게 할 수 있습니까?
script스타일있어 요소로 display:block볼 나타납니다. 가능한 이유는 무엇이며 원하는 실제 사용 사례가 있습니까? td &gt; * { display: block; } &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;script type="text/javascript"&gt; var test = 1; &lt;/script&gt;von 1 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 코드 스 니펫 실행결과 숨기기스 니펫 확장
142 html  css  script-tag 

14
img 태그가 잘못된 방향을 표시합니다
이 링크에 이미지가 있습니다 : http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg 보시다시피, 이것은 올바른 방향의 정상적인 이미지입니다. 그러나이 링크를 이미지 태그의 src 속성으로 설정하면 이미지가 거꾸로됩니다. http://jsfiddle.net/7j5xJ/ &lt;img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/&gt; 코드 스 니펫 실행Hide results스 니펫 확장 무슨 일이 일어나고 있는지 아십니까?
142 html  css  image 

4
인라인 / 인라인 블록 요소의 CSS 수직 정렬
나는 몇 얻으려고 inline하고 inline-block구성 요소는 수직으로 정렬 div. span이 예에서 어떻게 내려 오게됩니까? 난 둘 다 해봤 vertical-align:middle;하고 vertical-align:top;,하지만 아무것도 변경. HTML : &lt;div&gt; &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt; &lt;span&gt;Some text&lt;/span&gt; &lt;/div&gt;​ CSS : a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } span { background:red; } …

6
요소에서 ': hover'CSS 동작 제거
요소 위로 마우스를 가져 가면 서식을 변경하는 CSS가 있습니다. HTML : &lt;div class="test"&gt; blah &lt;/div&gt; CSS : .test:hover { border: 1px solid red; } 어떤 경우에는 호버에 CSS를 적용하고 싶지 않습니다. 한 가지 방법은 jQuery를 사용하여 div에서 CSS 클래스를 제거하는 것이지만 그 클래스를 사용하여 자식 요소의 형식을 지정하기 때문에 다른 …
142 html  css 

16
Overflow-x : hidden으로 인해 모바일 브라우저에서 컨텐츠가 넘치지 않습니다.
여기 에 웹 사이트가 있습니다 . (가)부터 데스크톱 브라우저에서 조회, 검은 색 메뉴 표시 줄이 제대로 만 윈도우의 가장자리로 확장 body있다overflow-x:hidden . Android 또는 iOS와 같은 모든 모바일 브라우저에서 검은 색 메뉴 표시 줄에 전체 너비가 표시되어 페이지 오른쪽에 공백이 생깁니다. 내가 알 수있는 한,이 공백은 html또는body 태그 . 뷰포트를 …


5
Chrome에 "글꼴 다듬기"가 있습니까?
Google 웹 글꼴을 사용하고 있으며 초대형 글꼴 크기에서는 좋지만 18px에서는 끔찍합니다. 나는 여기저기서 글꼴 스무딩을위한 솔루션이 있다는 것을 읽었지만 그것을 명확하게 설명하는 곳을 찾지 못했고 내가 찾은 스 니펫이 전혀 작동하지 않습니다. 내 h4거의 모든 브라우저에서 끔찍한 외모,하지만 크롬은 최악이다. Chrome에서는 거의 모든 글꼴이 끔찍합니다. 누구든지 올바른 방향으로 나를 가리킬 …

15
페이지가 화면보다 큰 경우 화면 중간에 div를 배치하는 방법
안녕하세요, 화면 중간에 div를 가져 오기 위해 다음과 비슷한 것을 사용하고 있습니다. &lt;style type="text/css"&gt; #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: …
141 css  html  window  center 


6
HTML 테이블에서 테두리를 완전히 제거하는 방법
내 목표는 "사진 프레임"과 유사한 HTML 페이지를 만드는 것입니다. 즉, 4 장의 사진으로 둘러싸인 빈 페이지를 만들고 싶습니다. 이것은 내 코드입니다. &lt;table&gt; &lt;tr&gt; &lt;td class="bTop" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bLeft"&gt; &lt;/td&gt; &lt;td class="middle"&gt; &lt;/td&gt; &lt;td class="bRight"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bBottom" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; CSS 클래스는 다음과 같습니다. …

13
CSS를 사용하여 빈 입력 상자 일치
빈 입력 상자에 스타일을 어떻게 적용합니까? 사용자가 입력 필드에 무언가를 입력하면 스타일이 더 이상 적용되지 않습니다. CSS에서 가능합니까? 나는 이것을 시도했다 : input[value=""]
141 css  input  css-selectors 

4
미디어 쿼리-두 너비 사이
너비가 400px보다 크고 900px보다 작은 경우에만 나타나는 클래스를 만들기 위해 CSS3 미디어 쿼리를 사용하려고합니다. 나는 이것이 매우 간단하고 명백한 것을 놓치고 있지만 알아낼 수는 없다는 것을 알고 있습니다. 내가 생각해 낸 것은 아래 코드이며 도움을 주셔서 감사합니다. @media (max-width:400px) and (min-width:900px) { .class { display: none; } }
141 css  media-queries 


9
인라인 CSS에서 CSS : before 및 : after 유사 요소를 사용합니까?
나는 인라인 CSS (에 즉, CSS와 HTML 전자 메일 서명 만들고 있어요 style특성), 그리고는 그것이 사용할 수 있는지 여부에 대한 호기심 :before과 :after의사 요소. 그렇다면 인라인 CSS로 이와 같은 것을 어떻게 구현합니까? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

6
CSS-선택한 라디오 버튼 레이블의 스타일을 지정하는 방법
라디오 버튼의 선택된 레이블에 스타일을 추가하고 싶습니다. HTML : &lt;div class="radio-toolbar"&gt; &lt;label&gt;&lt;input type="radio" value="all" checked&gt;All&lt;/label&gt; &lt;label&gt;&lt;input type="radio" value="false"&gt;Open&lt;/label&gt; &lt;label&gt;&lt;input type="radio" value="true"&gt;Archived&lt;/label&gt; &lt;/div&gt; CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } 내가 잘못하고있는 아이디어가 있습니까?
141 html  css 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.