«css» 태그된 질문

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

16
위치 중심 : 고정 요소
position: fixed;동적 너비와 높이로 화면 중앙에 팝업 상자 를 만들고 싶습니다 . 나는 margin: 5% auto;이것을 위해 사용 했다. position: fixed;그것이 없으면 수평으로 잘 가운데에 위치하지만 수직으로는 아닙니다. 를 추가 한 position: fixed;후에도 가로로 가운데에 있지 않습니다. 다음은 완전한 세트입니다. .jqbox_innerhtml { position: fixed; width: 500px; height: 200px; margin: 5% …
19
CSS가 가짜 요소와 작동하는 이유는 무엇입니까?
수업 시간에 놀고 있었고 CSS가 구성 요소와 작동한다는 것을 알았습니다. 예: imsocool { color:blue; } <imsocool>HELLO</imsocool> 코드 스 니펫 실행결과 숨기기스 니펫 확장 교수님이 처음으로 이것을 사용하는 것을 보았을 때, 그는 구성 요소가 효과가 있다는 사실에 약간 놀랐고 구성 요소를 모두 ID가있는 단락으로 간단하게 변경하도록 권장했습니다. 교수님이 왜 내가 만든 …
438 html  css 
17
CSS를 사용하여 SVG 이미지의 색상을 변경하는 방법 (jQuery SVG 이미지 교체)?
На этот вопрос есть ответы на 스택 오버플로 на русском 이것은 내가 생각해 낸 편리한 코드의 자체 Q & A입니다. 현재 SVG 이미지를 포함하고 CSS를 통해 SVG 요소에 액세스하는 쉬운 방법은 없습니다. JS SVG 프레임 워크를 사용하는 방법에는 여러 가지가 있지만 롤오버 상태의 간단한 아이콘을 만드는 것만으로는 너무 복잡합니다. 그래서 …
437 jquery  css  svg 
1
왼쪽, 중앙 또는 오른쪽 정렬 항목이있는 부트 스트랩 NavBar
에서 부트 스트랩 , 오른쪽의 중앙에 왼쪽 메뉴 항목에 로고 A를 가지고 탐색 모음 및 로고 B를 생성 할 수있는 가장 플랫폼 친화적 인 방법은 무엇입니까? 여기까지 내가 시도한 것이 있는데, 로고 A가 왼쪽에 있고 왼쪽에 로고 옆의 메뉴 항목이 있고 오른쪽에 로고 B가 있도록 정렬되었습니다. <div class="navbar navbar-fixed-top navbar-custom …
5
필요하지 않은 경우 CSS 숨기기 스크롤 막대
overflow-y:scroll;필요하지 않은 경우 어떻게 숨길 수 있는지 알아 내려고 노력 중 입니다. 의미하는 것은 웹 사이트를 구축 중이며 게시물이 표시되는 기본 영역이 있으며 내용이 현재 너비를 초과하지 않으면 스크롤 막대를 숨기고 싶습니다. 또한 두 번째 질문입니다. 게시물이 현재 너비를 초과하면 너비가 자동으로 증가하고 내용이 상자 밖으로 나오지 않도록하고 싶습니다. 누구든지 …
435 html  css 
20
jQuery를 사용하여 클립 보드에 버튼 복사를 클릭하십시오.
div 내부의 텍스트를 클립 보드에 복사하려면 어떻게합니까? div가 있고 클립 보드에 텍스트를 추가하는 링크를 추가해야합니다. 이에 대한 해결책이 있습니까? <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <a class="copy-text">copy Text</a> 텍스트 복사를 …
433 jquery  html  css 
12
본문에 설정된 CSS3 그라디언트 배경이 늘어나지 않고 대신 반복됩니까?
좋아, <body>총 내용은 총 300px입니다. <body>사용 배경을 설정 -webkit-gradient하거나-moz-linear-gradient 그런 다음 창을 최대화하거나 (또는 ​​300px보다 크게) 그라디언트는 정확히 300px (콘텐츠 높이)이며 나머지 창을 채우기 위해 반복합니다. 나는 이것이 웹킷과 도마뱀에서 동일하기 때문에 버그가 아니라고 가정합니다. 그러나 그라디언트를 반복하는 대신 창을 채우기 위해 늘릴 수있는 방법이 있습니까?
429 css  gradient 
15
CSS에 패딩이있을 때 넘치지 않고 TextArea를 100 % 너비로 만들려면 어떻게합니까?
다음 CSS 및 HTML 스 니펫이 렌더링됩니다. textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> 코드 스 니펫 실행결과 숨기기스 니펫 확장 문제는 텍스트 영역이 부모보다 8px 더 넓습니다 (테두리의 경우 2px + 패딩의 경우 …
426 html  css  stylesheet 
8
FlexBox 내부에서 텍스트를 세로로 정렬하는 방법은 무엇입니까?
flexbox를 사용하여 일부 내용을 세로로 정렬 <li>하지만 큰 성공을 거두고 싶지 않습니다. 온라인에서 확인했으며 많은 자습서가 실제로 align-items:center부모의 flex 설정에서 가져 오는 래퍼 div를 사용 하지만이 추가 요소를 잘라낼 수 있는지 궁금합니다. 목록 항목 높이가 동적이므로이 인스턴스에서 flexbox를 사용하기로 선택했습니다 %. * { padding: 0; margin: 0; } html, body …
424 html  css  flexbox 
16
반응 형 이미지 정렬 센터 부트 스트랩 3
Bootstrap 3을 사용하여 카탈로그를 작성합니다. 태블릿에 표시 될 때 제품 이미지는 작은 크기 (500x500)와 브라우저에서 너비 767 픽셀로 인해보기 흉하게 보입니다. 화면 중앙에 이미지를 넣고 싶지만 어떤 이유로 든 할 수 없습니다. 문제 해결에 누가 도움이됩니까?
13
tbody 내부에 세로 스크롤이있는 100 % 너비의 HTML 테이블
<table>너비 를 100 %로 설정하고 <tbody>세로 스크롤 안에 만 높이를 넣을 수 있습니까? table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } <table> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> <th>Head 4</th> …
14
@ font-face가 woff 파일에서 404 오류를 발생시키는 이유는 무엇입니까?
내가 사용하고 @font-face내 회사의 사이트에 그것은 큰 / 외모를 작동합니다. Firefox와 Chrome을 제외하고 .woff파일 에서 404 오류가 발생 합니다. IE는 오류를 발생시키지 않습니다. 루트에 글꼴이 있지만 CSS 폴더의 글꼴로 시도하고 글꼴의 전체 URL을 제공했습니다. 내 CSS 파일에서 해당 글꼴을 제거하면 404가 없으므로 구문 오류가 아닙니다. 또한 fontsquirrels 도구를 사용하여 @font-face글꼴과 …
8
고정 위치 지정과 함께 작동하지 않는 z- 색인
나는이 div기본 위치 (즉와 position:static)과 divA의 fixed위치. 요소의 z- 색인을 설정하면 고정 요소를 정적 요소 뒤에 놓는 것이 불가능 해 보입니다. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; z-index: 1; } <!DOCTYPE html> …
422 css  z-index 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.