«css» 태그된 질문

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

2
부트 스트랩 그리드 시스템이있는 중첩 된 행?
다음과 같이 2x2 형식의 4 개의 작은 이미지가있는 1 개의 큰 이미지를 원합니다. 나의 초기 생각은 모든 것을 한 줄에 수용하는 것이었다. 그런 다음 두 개의 열을 만들고 두 번째 열에서 두 개의 행과 두 개의 열을 만들어 1x1 및 2x2 효과를 만듭니다. 그러나 이것은 가능하지 않은 것 같습니다. 아니면 …
11
로드시 CSS3 전환 애니메이션?
Javascript를 사용하지 않고 페이지로드시 CSS3 전환 애니메이션을 사용할 수 있습니까? 이것은 내가 원하는 종류이지만 페이지로드시 : http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html 내가 지금까지 찾은 것 CSS3 transition-delay , 요소에 대한 영향을 지연시키는 방법. 호버에서만 작동합니다. CSS3 Keyframe 은로드시 작동하지만 매우 느립니다. 그 때문에 유용하지 않습니다. CSS3 전환 속도는 빠르지 만 페이지로드시 애니메이션 효과는 없습니다.
4
display : flex를 사용하여 CSS로 남은 수직 공간 채우기
3 행 레이아웃에서 : 상단 행은 내용에 따라 크기가 조정되어야합니다 맨 아래 줄의 픽셀 높이는 고정되어 있어야합니다 가운데 줄이 컨테이너를 채우도록 확장되어야합니다. 문제는 기본 컨텐츠가 확장됨에 따라 머리글과 바닥 글 행을 없애는 것입니다. HTML : <section> <header> header: sized to content <br>(but is it really?) </header> <div> main content: fills …
196 css  layout  flexbox 
7
HTML 이메일 스타일링 모범 사례 [닫기]
폐쇄되었습니다 . 이 질문은 더 집중되어야 합니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중할 수 있도록 질문을 업데이트하십시오 . 휴일 육년 전 . 이 질문을 개선하십시오 이메일 뉴스 레터 용 HTML 템플릿을 디자인하고 있습니다. 많은 이메일 클라이언트가 연결된 스타일 시트를 무시하고 …
195 html  css  html-email 
24
HTML 페이지에서 이미지 드래그 비활성화
내 페이지에 이미지를 넣어야합니다. 해당 이미지의 드래그를 비활성화하고 싶습니다. 나는 많은 것을 시도하고 있지만 도움이 없습니다. 누군가 나를 도울 수 있습니까? 이미지 크기를 조정하기 때문에 해당 이미지를 배경 이미지로 유지하고 싶지 않습니다.
195 javascript  jquery  html  css  image 
8
CSS를 사용할 때 캔버스가 늘어나지 만 "너비"/ "높이"속성에서는 보통
나는 2 개의 캔버스를 가지고 있는데, 하나는 HTML 속성 width을 사용 height하고 크기를 조정하기 위해 다른 하나는 CSS를 사용합니다. <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1은 정상적으로 표시되지만 compteur2는 표시되지 않습니다. 컨텐츠는 300x300 캔버스에서 JavaScript를 사용하여 그려집니다. 왜 디스플레이 차이가 있습니까?
195 css  html  canvas  height  width 
28
CSS @ font-face는 Firefox에서는 작동하지 않지만 Chrome 및 IE에서는 작동합니다.
다음 코드는 IE 7뿐만 아니라 Chrome 베타에서도 작동합니다. 그러나 Firefox에 문제가있는 것 같습니다. CSS 파일이 어떻게 포함되는지에 문제가 있다고 생각합니다. Firefox가 도메인 간 가져 오기에 너무 친숙하지 않다는 것을 알고 있습니다. 그러나 이것은 모두 정적 HTML 일 뿐이며 도메인 간 문제는 없습니다. 내 landing-page.html에서 CSS 가져 오기를 수행합니다. <link rel="stylesheet" …
6
스타일 시트 내에서 IE (모든 버전) 만 타겟팅하는 방법은 무엇입니까?
상속 된 프로젝트가 있으며 완전히 혼란스런 곳이 있습니다. 이것은 그들 중 하나입니다. IE (모든 버전) 만 타겟팅해야합니다. #nav li { float: left; height: 54px; background: #4f5151; display: table; border-left: 1px solid grey; } 명확하게 : 임베디드 스타일 시트 내부 에서 HTML의 태그에 ID 또는 클래스를 추가 하지 않고 사용자가 IE를 …
195 css 
11
Chrome 개발자 도구의 스타일 패널에서 CSS 변경 사항을 저장하는 방법
Chrome 개발자 도구 의 스타일 패널 에서 CSS 변경 사항을 저장하는 방법은 무엇입니까? 도구 웹 사이트 에서 리소스 패널의 모든 변경 사항을 볼 수 있다고 언급했습니다. 하지만 CSS 파일에서 로컬로 작업하고 있지만 변경 사항이 리소스 패널에 표시되지 않습니다. 그런데 Chrome 개발자 도구의 CSS 변경 사항을 저장하는 도구 인 부가 기능을 …
4
아약스에 대한 시간 초과 설정 (jQuery)
$.ajax({ url: "test.html", error: function(){ //do something }, success: function(){ //do something } }); 때로는 success기능이 제대로 작동하지만 때로는 그렇지 않습니다. 이 아약스 요청에 대한 시간 초과를 어떻게 설정합니까? 예를 들어 시간이 초과되면 3 초 후에 오류가 표시됩니다. 문제는 ajax 요청이 완료 될 때까지 블록을 정지한다는 것입니다. 서버가 잠시 다운되면 …
195 javascript  jquery  html  css  ajax 
9
표 안에 만 테두리를 적용하려면 어떻게해야합니까?
테이블 내부에만 테두리를 추가하는 방법을 알아 내려고합니다. 내가 할 때 : table { border: 0; } table td, table th { border: 1px solid black; } 경계는 전체 테이블 주위와 테이블 셀 사이에 있습니다. 내가 달성하고자하는 것은 테이블 셀 주위에 테이블 내부에만 테두리를 두는 것입니다 (테이블 주위에 외부 테두리 없음). …
195 html  css  html-table  border 
6
S3를 통해 Amazon CloudFront에서 gzipped CSS 및 JavaScript 제공
사이트로드 속도를 높이는 방법을 찾고 있었고 탐색하려는 한 가지 방법은 Cloudfront를 더 많이 사용하는 것입니다. Cloudfront는 원래 맞춤형 CDN으로 설계되지 않았고 gzipping을 지원하지 않았기 때문에 지금까지 모든 이미지를 호스팅하는 데 사용하고 있습니다. -미래 헤더. 반면에 CSS와 자바 스크립트 파일은 내 서버에서 호스팅됩니다. 지금까지 Cloudfront에서 제공 할 수없고 gzipping (약 75 …
14
외곽선과 테두리의 차이점
CSS의 '테두리'와 '개요'속성의 차이점을 아는 사람이 있습니까? 차이가 없다면 왜 같은 것에 대해 두 가지 속성이 있습니까?
194 css 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.