«css» 태그된 질문

이미지를 사용하여 특정 파일 형식에 대한 링크를 장식한다고 가정합니다. 링크를 다음과 같이 선언 할 수 있습니다. <a href='foo.pdf' class='pdflink'>A File!</a> 그런 다음 CSS를 .pdflink:after { content: url('/images/pdf.png') } 이제 pdf.png링크 텍스트에 적합한 크기가 아닌 경우를 제외하고 는 잘 작동 합니다. 브라우저에 :after이미지 크기를 조정하도록 지시 하고 싶지만 인생의 올바른 구문을 …

251 css  pseudo-element 

을 사용하여 bash를 통해 새로운 Foundation 5 프로젝트를 만들었습니다 foundation new my-project. Chrome에서 index.html 파일을 열면에서 Uncaught TypeError: a.indexOf is not a function오류가 콘솔에 표시됩니다 jquery.min.js:4. 기초 사이트의 단계에 따라 프로젝트를 만들었지만이 오류를 제거 할 수없는 것 같습니다. Foundation 및 jQuery는 index.html 파일에 포함되어 올바르게 연결된 것처럼 보이고 연결된 app.js …

250 javascript  jquery  css  google-chrome  zurb-foundation 

이 이미지와 같이 원 안에 숫자를 둘러싸고 싶습니다. 이것이 가능하며 어떻게 달성됩니까?

250 html  css  css-shapes 

nginx를 프론트 서버로 사용하고 CSS 파일을 수정했지만 nginx는 여전히 이전 파일을 제공합니다. 나는 nginx를 다시 시작하려고 시도했지만 성공하지 못했지만 Googled가 있지만 그것을 지우는 올바른 방법을 찾지 못했습니다. 일부 기사에서는 캐시 디렉토리를 삭제할 수 var/cache/nginx있지만 서버에는 해당 디렉토리가 없습니다. 지금 어떻게해야합니까?

250 css  nginx  caching  server  nginx-cache 

저는 레일스 프로그래밍의 초보자로서 한 페이지에 많은 이미지를 보여 주려고 시도하고 있습니다. 어떤 이미지는 다른 이미지 위에 놓여 야합니다. 간단하게하기 위해 파란색 사각형의 오른쪽 상단 모서리에 빨간색 사각형이 있지만 파란색 모서리를 원한다고 가정하십시오. 성능 문제로 인해 합성 (ImageMagick 및 이와 유사한)을 피하려고합니다. 서로 겹치는 이미지를 배치하고 싶습니다. 더 어려운 예로, …

250 html  css  optimization  graphics 

사용중인 플랫폼에 따라 결정됩니까, 아니면 대부분의 개발자가 제안 / 추천하는 일반적인 규칙이 있습니까? 몇 가지 옵션이 있습니다. id="someIdentifier"' -자바 스크립트 코드와 꽤 일치합니다. id="some-identifier" -html5와 유사한 속성 및 html의 다른 항목과 비슷합니다. id="some_identifier" -루비 코드와 꽤 일관성이 있으며 Javascript 내부의 유효한 식별자입니다. Javascript로 더 잘 연주하기 때문에 위의 1 위와 …

250 html  css  naming-conventions  standards 

Wordpress 템플릿의 원래 CSS를 재정의하는 사용자 지정 스타일 시트를 만들었습니다. 그러나 내 캘린더 페이지에서 원래 CSS는 !important선언으로 설정된 각 테이블 셀의 높이를 갖습니다 . td {height: 100px !important} 이것을 무시할 수있는 방법이 있습니까?

250 css 

HTML과 CSS를 처음 접했고 CSS를 사용하여 글꼴을 굵게 만드는 방법이 궁금했습니다. CSS 파일을 가져 오는 일반 HTML 페이지가 있으며 CSS에서 글꼴을 변경할 수 있습니다. 그러나 글꼴을 굵게 만드는 방법을 모르는 사람이 있습니까?

249 css 

숨겨진 div 내에있는 요소의 높이를 가져와야합니다. 지금은 div를 보여주고 높이를 얻고 부모 div를 숨 깁니다. 이것은 약간 어리석은 것 같습니다. 더 좋은 방법이 있습니까? jQuery 1.4.2를 사용하고 있습니다. $select.show(); optionHeight = $firstOption.height(); //we can only get height if its visible $select.hide();

249 javascript  jquery  html  css 

나는 검사하고있어 h2적용을 한 것으로 나타났습니다 - - 회색으로 표시됩니다 구글 크롬의 요소 관리자와 CSS 규칙의 일부를 사용하여 웹 페이지의 요소를. 취소 선은 규칙이 재정의되었음을 나타내는 것으로 보이지만 스타일이 회색으로 표시되면 무엇을 의미합니까?

249 css  google-chrome  browser  inspector 

Twitter 부트 스트랩 3 을 사용하여 2 열 전체 높이 레이아웃 을 만들려고 합니다. Twitter 부트 스트랩 3 은 전체 높이 레이아웃을 지원하지 않는 것 같습니다 . 내가하고 싶은 것 : +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | …

247 html  css  twitter-bootstrap 

스타일 변경에 영향을주는 간단한 JavaScript가 있습니다. sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; 이것은 최신 버전의 FF, Opera 및 IE에서는 잘 작동하지만 최신 버전의 Chrome 및 Safari에서는 실패합니다. 형제 자매 인 두 자손에게 영향을 미칩니다. 첫 번째 형제는 업데이트되지만 두 번째 형제는 업데이트되지 않습니다. 두 번째 요소의 자식도 포커스를 …

247 css  google-chrome  safari  webkit 

다른 요소 내 에서 span또는 div요소 를 세로로 가운데에 맞추려고합니다 div. 그러나 내가 넣을 때 vertical-align: middle아무 일도 일어나지 않습니다. display두 요소 의 속성을 변경하려고 시도했지만 아무것도 작동하지 않는 것 같습니다. 이것은 내가 현재 내 웹 페이지에서하고있는 일입니다. .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; …

247 html  css 

CSS content속성이 html 코드 대신 문자열 :before또는 :after다음과 같은 요소를 삽입 하도록 할 수 있는지 궁금합니다 . .header:before{ content: '<a href="#top">Back</a>'; } 이것은 매우 편리합니다 ... Javascript를 통해 수행 할 수 있지만 CSS를 사용하면 삶을 더 쉽게 만들 수 있습니다. :)

246 html  css  pseudo-element  css-content 

Chrome 및 양식 자동 완성 기능에 디자인 문제가 있습니다. Chrome에서 일부 로그인 / 비밀번호를 기억하면 배경색이 노란색으로 바뀝니다. 스크린 샷은 다음과 같습니다. 그 배경을 제거 하거나이 자동 채우기를 비활성화하는 방법은 무엇입니까?

245 html  css  forms  google-chrome  autofill