«css» 태그된 질문

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

4
웹 페이지에서 텍스트 그림을 애니메이션으로 만들려면 어떻게해야합니까?
하나의 중심 단어가있는 웹 페이지를 갖고 싶습니다. 이 단어를 애니메이션으로 그려서 페이지가 우리가하는 것과 같은 방식으로 단어를 "쓰기"합니다. 즉, 한 지점에서 시작하여 시간이 지남에 따라 선과 곡선을 그려서 최종 결과가 글리프가되도록합니다. 이것이 끝나면 상관 없어 <canvas> DOM인지 DOM인지 상관하지 않으며 JavaScript 또는 CSS 중 어느 것이 든 상관하지 않습니다. jQuery가 …

15
CSS를 사용하여 자식 DIV의 너비를 부모 DIV보다 넓게 만드는 방법이 있습니까?
부모 컨테이너 DIV 내에 부모보다 넓은 자식 DIV를 가질 수있는 방법이 있습니까? 자식 DIV는 브라우저 뷰포트의 너비와 같아야합니다. 아래 예를 참조하십시오. 자식 DIV 는 부모 div의 자식으로 있어야합니다 . 자식 div에 임의의 음수 여백을 설정하여 더 넓게 만들 수 있지만 본질적으로 브라우저 너비를 100 % 너비로 만드는 방법을 해결할 수는 …
229 css  html 

4
CSS 선택기의 클래스 이름은 대소 문자를 구분합니까?
CSS는 대소 문자를 구분하지 않지만 어디서나이 선택기를 가지고 있습니다. .holiday-type.Selfcatering 이와 같이 HTML에서 사용할 때 선택됩니다. <div class="holiday-type Selfcatering"> 위의 선택기를 이렇게 변경하면 .holiday-type.SelfCatering 그런 다음 스타일이 선택되지 않습니다. 누군가 거짓말을하고 있습니다.
229 html  css  css-selectors 

1
이 HTML에서 3D는 무엇입니까?
코드를 살펴보면 Gmail에 들어온 메일러를 복제하려고합니다. 여러 소스 뷰어에서 많은 것을 볼 수 있습니다. <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" align=3D"right" width=3D"110"> 3D가 내가 모르는 일종의 메일 렌더링입니까?
229 html  css  html-email 

9
.css 파일을 .less 파일로 가져 오기
.css 파일을 .less 파일로 가져올 수 있습니까? 나는 거의 익숙하지 않으며 모든 개발에 사용합니다. 정기적으로 다음과 같은 구조를 사용합니다. @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; 모든 가져 오기는 다른 .less 파일이며 모두 정상적으로 작동합니다. 내 현재 문제는 다음과 같습니다 .css 파일에 사용 된 스타일을 다음과 같이 …
228 css  import  less 

22
Twitter 부트 스트랩 3의 IE8 문제
새로운 Twitter Bootstrap을 사용하여 사이트를 만들고 있습니다. 사이트는 잘 보이고 IE8을 제외한 모든 필수 브라우저에서 작동합니다. IE8에서는 모바일 버전의 요소를 표시하는 것으로 보이지만 내 데스크탑의 전체 화면에 걸쳐 있습니다. 내가 겪고있는 문제는 트위터 부트 스트랩이 모바일이라는 것입니다. 어떤 이유로 IE8 이이 옵션을 사용하고 있습니다. 또한 container클래스가 의도 한대로 최대 너비 …


7
CSS에서 패딩 속성이 너비 나 높이를 변경하지 못하게하려면 어떻게합니까?
DIVs가 있는 사이트를 만들고 있습니다 . DIV를 만들 때를 제외하고는 모든 것이 잘 작동합니다. 다음과 같이 작성합니다 (예). newdiv { width: 200px; height: 60px; padding-left: 20px; text-align: left; } padding-left속성을 추가하면 너비 DIV가 220px로 변경되고 200px로 유지하려고합니다. 하자 내가 다른 만들라고 DIV이름 anotherdiv과 정확히 일치를 newdiv, 그리고 내부에 넣어 newdiv하지만 …
227 html  css  padding 

6
jQuery를 사용하여 addClass / removeClass 애니메이션
jQuery와 jQuery-ui를 사용하고 있으며 다양한 객체의 다양한 속성에 애니메이션을 적용하고 싶습니다. 여기서 문제를 설명하기 위해 사용자가 마우스를 가져 가면 파란색에서 빨간색으로 변경되는 하나의 div로 단순화했습니다. 을 사용할 때 원하는 동작을 얻을 수 animate()있지만 그렇게 할 때 애니메이션 스타일이 애니메이션 코드에 있어야하므로 스타일 시트와 별개입니다. ( 예 1 참조 ) 대안은 …

30
클릭시 버튼 주위의 초점을 제거하는 방법
버튼을 클릭하면 내 버튼이 모두 강조 표시됩니다. 이것은 Chrome에 있습니다. <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> 나는 주제와 함께 부트 스트랩을 사용하고 있지만 그것이 사실이 아니라고 확신합니다. 다른 프로젝트에서 전에 이것을 알았습니다. <a>대신 태그를 사용하면 사라집니다 <button>. 왜? <button>어떻게 사용 하고 싶 습니까?

2
개발자 도구를 사용하여 웹킷 입력 자리 표시 자 검사
다음과 같이 텍스트 입력 자리 표시 자의 스타일을 지정할 수 있습니다. -webkit-input-placeholder { color: red; } 온라인 웹 사이트를보고 있는데 동일한 자리 표시 자 색상을 사용하고 싶습니다. 그들이 사용한 색을 알아낼 수 있습니까? 알파 값을 포함하고 싶기 때문에 이미지 편집기로 색상을 샘플링 할 수는 없습니다. Chrome 개발자 도구로 요소를 검사하면 …
225 html  css 


11
오른쪽 정렬 된 버튼 배치
이 코드를 사용하여 버튼을 오른쪽 정렬합니다. <p align="right"> <input type="button" value="Click Me" /> </p> 코드 스 니펫 실행결과 숨기기스 니펫 확장 그러나 <p>태그가 너무와 동일한 기능을 수행 할 찾고, 일부 공간을 낭비 <span>하거나 <div>.
225 html  css 

5
@ 미디어 최소 너비 및 최대 너비
이 @media설정이 있습니다. HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ …

5
CSS를 사용하여 배경 이미지를 뒤집는 방법?
CSS를 사용하여 배경 이미지를 뒤집는 방법? 가능합니까? 현재 CSS background-image의 화살표 이미지를 사용하고 있습니다.li 켜기 : visited이 화살표를 가로로 뒤집어 야합니다. 화살표의 다른 이미지를 만들기 위해이 작업을 수행 할 수 있지만 CSS에서 이미지를 뒤집을 수 있다는 것이 궁금합니다.:visited
224 css  mobile-webkit 

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