«css» 태그된 질문

CSS (Cascading Style Sheets)의 약자 인 CSS는 HTML 및 XHTML 문서의 표현 (색상, 레이아웃 및 글꼴 포함)을 제어하는 ​​데 사용되는 언어입니다.

6
스타일 시트에서 사용되지 않거나 적용되지 않은 CSS 규칙을 찾으려면 어떻게해야합니까?
잠김 . 이 질문과 주제는 주제가 다르지만 역사적 의미가 있기 때문에이 질문과 답변은 잠겨 있습니다. 현재 새로운 답변이나 상호 작용을받지 않습니다. 거대한 CSS 파일과 HTML 파일이 있습니다. HTML 파일을 표시하는 동안 사용되지 않는 규칙을 찾고 싶습니다. 이를위한 도구가 있습니까? CSS 파일은 몇 년 동안 발전해 왔으며, 아무도 그것을 제거한 적이 …
18 css  optimization 

4
CSS 스프라이트는 SEO에 나쁜가요?
요즘 종종 <img>태그를 사용하여 수행 한 작업 <div>은 CSS 'sprite'와 오프셋을 사용하여 CSS 배경 이미지를 사용하여 수행됩니다. altGoogle이 색인을 생성 하는 속성 을 효과적으로 잃어 버리고 '제목'속성 (내가 이해하는 한 색인화되지 않음)에 갇혀서 SEO에 어떤 영향을 미치는지 궁금 합니다. 이것이 중대한 단점입니까?
18 seo  css 

2
<div>로 <pre>를 흉내내는 방법
웹 사이트 (CMS)에 파이썬 코드를 게시하고 있습니다. 파이썬 스크립트를 읽고 파이썬 스크립트를 읽고 구문 색 HTML을 만듭니다. 그런 다음이 HTML을 복사하여 CMS 편집 창에 붙여 넣습니다. 문제는 내 파이썬 구문 강조 스크립트가 &lt;pre&gt;태그를 사용 하여 파이썬에서 매우 중요한 탭 / 공백을 유지한다는 것입니다. 그러나 CMS는 명확하지 않은 이유로 &lt;pre&gt;태그를 제거합니다 …
18 html  css 

1
CSS 미디어 쿼리에 대해 Google이 디스플레이에서 어떻게 반응합니까?
Google 웹 마스터 가이드 라인에 따르면 "숨겨진 텍스트"는 허용되지 않습니다. 즉, 링크 또는 이미지가 포함 된 제목이나 단락이 많은 dov가 표시되어 있음을 의미합니다. 내 질문은 미디어 쿼리 내에서 Google이 어떻게 반응하는지에 사용하는 것입니까? 내말은 @media handheld, only screen and (max-width: 767px) { body { } .mobile-friendly{ display:none;} } 유동적 인 …


1
병렬 CSS 다운로드를 통한 웹 사이트 성능 향상?
웹 사이트의 페이지로드 시간을 최적화하고있었습니다. 방법 중 하나는 CSS에 대한 여러 HTTP 요청을 하나의 결합 된 HTTP 요청으로 결합하는 것입니다. 그러나 검토 자 중 한 명이 흥미로운 질문을했습니다. 여러 CSS 파일을 병렬로 다운로드해도 페이지로드 시간이 줄어들지 않습니까? 인터넷에서 읽은 유일한 것은 (블로킹) HTTP 요청 수를 줄이는 것이 더 빠른 웹 …
15 css  performance 

1
SEO에 'font-size : 0'이 포함 된이 인라인 블록 트릭은 위험한가요?
얼마 전 Stack Overflow 에서이 질문에 대답했습니다. /programming/5078239/how-to-remove-the-space-between-inline-block-elements 문제는 display: inline-blockHTML에서 공백의 영향을 받기 때문에 "추가 간격" 이있는 요소는 http://jsfiddle.net/thirtydot/4z4v2/를 참조하십시오. 표시된 것처럼 HTML에서 공백을 제거하여 공백을 제거 할 수 있습니다. 그러나 공백을 제거하는 것은 바람직하지 않은 수정입니다. 예를 들어 HTML을 사용하기가 더 어려워집니다. 따라서이 해결 방법을 제안했습니다 : http://jsfiddle.net/thirtydot/4z4v2/1/ …
14 seo  google  html  css 

8
Firefox와 Chrome에서 글꼴이 다르게 표시됨
Firefox에서 내 메뉴 표시 줄이 Chrome과 다른 글꼴 스트레치로 표시되는 것 같습니다. 다음을 참조하십시오. 이 요소에 적용된 CSS는 다음과 같습니다. font-variant: small-caps; font-size:13px; letter-spacing: 0px; font-family: Arial; font-stretch: normal; text-decoration: none; 내가 그 글꼴에 관한 모든 것을 정확히 알 수있는 한, 여전히 다르게 표시됩니다 (그림 참조). 왜?

4
호버에서만 사용되는 이미지를 미리로드하는 방법은 무엇입니까?
하나의 배경 이미지로 시작하여 다른 이미지로 변경되는 링크가 있습니다. 두 배경 이미지 모두 CSS에 설정되어 있습니다. 내 브라우저 (그들 중 하나)는 실제로 호버링 할 때까지 호버 이미지를로드하지 않는 것 같습니다. 그러나 몇 초 동안 빈 이미지로 연결됩니다 (매우 느린 연결에서) 새 이미지를로드하는 데 걸립니다. 호버에서 지연 시간이 발생하지 않도록 브라우저가 …
14 css  images  load-time 


1
크거나 오래된 CSS 파일 리팩토링
현재 10 만 페이지 웹 사이트에서 작업 중이며, 현재 디자인은 5 년 넘게 유지되었으며, 연속 업데이트로 인해 4 개의 12,000+ CSS 파일이 생성되었습니다. CSS가 다루기 어려워졌고, 많은 스타일이 복제되었으며 실제로 얼마나 많은 스타일이 사용되고 있는지 알기가 거의 불가능합니다. 우리는 축소 할 수 있지만 이것은 실제로 문제를 해결하는 것이 아니라 불가피한 …

4
사이트에서 이미지를 회전시키는 iPad 및 iPhone 브라우저?
이미지가 예상대로 90도 표시되지만 내가 지정한 이미지의 정상적인 크기를 유지하면서 현재 구축중인 사이트에서 이상한 일이 발생합니다. 이것은 iPad 및 iPhone의 Safari에서만 발생합니다 ... 다른 모든 브라우저에는이 문제가 없습니다. 어떤 아이디어? 해당 페이지는 여기에서 볼 수 있습니다 : http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/
13 css  images  iphone  ipad 


6
브라우저가 CSS 파일에서 이미지를 더 빨리 다운로드하도록 권장하려면 어떻게해야합니까?
CSS를 사용하여 많은 이미지를 (배경으로 &lt;div&gt;) 배치하고 종종이 방법으로 매우 느리게로드되는 것을 발견했습니다. 그들은 마지막으로로드하는 것 같습니다. 작은 아이콘 이미지라도 이런 방식으로 표시 되려면 시간이 걸립니다. 브라우저에게 이미지의 우선 순위를 알리는 방법이 있습니까? 아니면 CSS 파일로 이미지를 미리 다운로드하여 더 일찍 렌더링하도록 하시겠습니까?
13 css  images  load-time 

4
CSS에 저작권이있을 수 있습니까?
웹 사이트의 CSS는 전체 디자인의 일부로 간주되므로 웹 사이트의 저작권으로 보호됩니다. 또한 CSS에 사용 된 이미지는 저작권이 있음을 알고 있습니다. CSS를 사용하여 이미지를 만드는 경우는 어떻습니까? 라이센스 비용이 25 달러 인 CSS3 아이콘 세트가 있습니다. 다른 개발자는 해당 이미지에 저작권이 있다고 주장하며 요금을 지불하지 않으면 아이콘을 사용하는 것이 불법이라고 주장합니다. …
13 css  copyright  css3 

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