«css» 태그된 질문

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

7
부모 컨테이너로 svg 스케일을 어떻게 만들 수 있습니까?
크기가 기본이 아닌 경우 인라인 svg 요소의 내용 스케일을 원합니다. 물론 별도의 파일로 만들 수 있고 그렇게 확장 할 수 있습니다. index.html : <img src="foo.svg" style="width: 100%;" /> foo.svg : <svg width="123" height="456"></svg> 그러나 CSS를 통해 SVG에 스타일을 추가하고 싶습니다. 따라서 외부 스타일을 연결하는 것은 옵션이 아닙니다. 인라인 SVG 스케일을 …
235 css  html  svg  scaling 
6
플렉스 부모의 100 % 높이를 채우지 않는 Chrome / Safari
특정 높이의 세로 메뉴를 갖고 싶습니다. 각 자녀는 부모의 키를 채우고 가운데 정렬 된 텍스트를 가져야합니다. 아이들의 수는 무작위이므로 동적 값으로 작업해야합니다. Div .container는 .item항상 부모의 키를 채워야 하는 임의의 수의 자식 ( )을 포함합니다 . 이를 달성하기 위해 flexbox를 사용했습니다. 텍스트가 중간에 정렬 된 링크를 만들려면 display: table-cell기술을 사용하고 …
12
Bootstrap CSS 스타일을 재정의하려면 어떻게해야합니까?
bootstrap.css웹 사이트에 맞게 수정해야합니다 . 직접 custom.css수정하는 대신 별도의 파일 을 만드는 것이 낫 습니다. 업데이트 bootstrap.css해야하는 이유 bootstrap.css는 모든 수정 사항을 다시 포함시키는 데 어려움을 겪을 것입니다. 이 스타일에 대한로드 시간을 희생 할 것이지만 재정의하는 몇 가지 스타일에는 무시할 수 있습니다. 앵커 / 클래스의 스타일을 제거bootstrap.css 하도록 대체하려면 어떻게해야 …
9
커서를 손가락 포인터로 변경
나는 이것을 가지고 a있고 커서가 일반 링크처럼 손가락 포인터로 변경되도록 "onmouseover"에 삽입해야한다는 것을 모른다. <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> 내가 넣어야 할 곳을 읽었습니다. onmouseover="cursor: hand (a pointing hand)" 그러나 그것은 나를 위해 작동하지 않습니다. 또한 이것이 JavaScript, CSS 또는 일반 HTML로 간주되는지 확실하지 않습니다.
234 html  css  mouseevent 
3
A4 용지 크기를 설정하는 CSS
웹에서 A4 용지를 시뮬레이션해야 하며이 페이지가 브라우저 (Chrome, 특히)에 표시 될 때 인쇄 할 수 있습니다. 요소 크기를 21cm x 29.7cm로 설정했지만 인쇄 (또는 인쇄 미리보기)로 보내면 페이지가 잘립니다. 이 라이브 예를 참조하십시오 ! body { margin: 0; padding: 0; background-color: #FAFAFA; font: 12pt "Tahoma"; } * { box-sizing: border-box; …
8
자식 요소에 CSS 스타일 적용
특정 클래스가있는 DIV 내부의 테이블에만 스타일을 적용하고 싶습니다. 참고 : 차일드 요소에 CSS 선택기를 사용하고 싶습니다. # 1이 작동하는 이유와 # 2가 작동하지 않는 이유는 무엇입니까? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2 : div.test th, td, caption {padding:40px 100px 40px 50px;} HTML : <html> …
232 css  css-selectors 
8
HTML로 문자열을 렌더링하고 공백과 줄 바꿈을 유지
세부 정보 페이지가있는 MVC3 앱이 있습니다. 그 일부로 공백과 줄 바꿈이있는 설명 (db에서 검색)이 있습니다. 렌더링 될 때 html은 새 줄과 공백을 무시합니다. 공백과 줄 바꿈을 무시하지 않도록 인코딩하고 싶습니다. 어떻게합니까? HTML.Encode를 시도했지만 인코딩이 표시되었습니다 (공백과 줄 바꿈뿐만 아니라 다른 특수 문자).
9
입력 크기 대 너비
<input name="txtId" type="text" size="20" /> 또는 <input name="txtId" type="text" style="width: 150px;" /> 최적의 브라우저 간 코드는 어느 것입니까? 물론 그것은 요구 사항에 달려 있지만 사람들이 어떻게 결정하고 어떤 기준에 의존하는지 궁금합니다.
231 html  css 
29
고정 헤더가있는 HTML 테이블?
열 머리글이 화면에 고정되어 있고 표 본문으로 스크롤되지 않도록 긴 HTML 표를 표시하는 브라우저 간 CSS / JavaScript 기술이 있습니까? Microsoft Excel의 "고정 창"효과를 생각해보십시오. 테이블의 내용을 스크롤 할 수 있지만 항상 맨 위에 열 머리글을 볼 수 있기를 원합니다.
14
큰 글꼴로 멋진 아이콘으로 텍스트를 세로로 가운데 맞추는 방법은 무엇입니까?
글꼴이 멋진 아이콘과 텍스트가있는 부트 스트랩 버튼이 있다고 가정 해 보겠습니다. <div> <i class='icon icon-2x icon-camera'></i> hello world </div> 텍스트를 세로 중앙에 표시하려면 어떻게합니까? 텍스트는 이제 아이콘의 아래쪽 가장자리와 정렬됩니다. http://jsfiddle.net/V7DLm/1/ 편집 : 나는 가능한이 솔루션 : http://jsfiddle.net/CLdeG/1/을 하지만 약간의 해키 느낌 - 소개 추가 p 태그를 당겨 왼쪽 및 …
231 html  css  font-awesome 
15
요소의 한쪽에만 그림자를 만드는 방법은 무엇입니까?
맨 아래에만 그림자를 떨어 뜨리는 방법이 있습니까? 서로 옆에 2 개의 이미지가있는 메뉴가 있습니다. 올바른 이미지와 겹치므로 올바른 그림자를 원하지 않습니다. 나는 이것을 위해 이미지를 사용하고 싶지 않으므로 아래처럼 이미지를 떨어 뜨릴 수있는 방법이 있습니다. box-shadow-bottom: 10px #FFF; 아니면 비슷한? -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; …
230 css 
13
서로 옆에 CSS 두 div
<div>서로 옆 에 두 개의을 넣고 싶습니다 . 오른쪽 <div>은 약 200px입니다. 왼쪽 <div>이 나머지 화면 너비를 채워야합니까? 어떻게해야합니까?
230 html  css 
9
CSS3 선택기 : 클래스 이름이있는 첫 번째 유형?
CSS3 선택기를 사용하여 :first-of-type주어진 클래스 이름을 가진 첫 번째 요소를 선택할 수 있습니까? 시험에 성공하지 못해서 시험이 아닌 것 같아요? 코드 ( http://jsfiddle.net/YWY4L/ ) : p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> <p …
230 css  css-selectors 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.