프로그램 작성 css

2

고정 너비 글꼴을 사용할 때 HTML 요소의 너비를 문자 로 지정하고 싶습니다 . "em"단위는 M 문자의 너비 여야하므로 너비를 지정하는 데 사용할 수 있어야합니다. 다음은 예입니다. <html> <head> <style> div { font-family: Courier; width: 10em; } </style> </head> <body> <div> 1 3 5 7 9 1 3 5 7 9 …

108 css font-size

6

배경 위치를 제외한 모든 속성에 CSS3 전환을 어떻게 적용합니까?

배경 위치를 제외한 모든 속성에 CSS 전환을 적용하고 싶습니다. 나는 이렇게하려고했다. .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: background-position 0s ease 0s; -o-transition: background-position …

108 css css-transitions

12

Angular 2에서 CSS를 동적으로 업데이트

Angular2 구성 요소가 있다고 가정 해 보겠습니다. //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } 이 구성 요소에 대한 템플릿 html 파일 //home.component.html <div class="home-component">Some stuff in this div</div> 마지막으로이 구성 요소에 …

108 css angular

7

CSS로 프리처럼 보이도록 스팬을 변경하는 방법은 무엇입니까?

<span>태그 (또는 <div>) 를 변경 하여 <pre>태그가 CSS 만 사용 하는 것처럼 내용을 미리 포맷 할 수 있습니까?

108 html css

11

테이블 행에 테두리 반경을 추가하는 방법

누구든지 우리가 좋아하는 스타일로 tr을 스타일링하는 방법을 알고 있습니까? 나는 테이블에 border-collapse를 사용했고, 그 후 tr은 1px 단색 테두리를 표시 할 수 있습니다. 그러나 시도했을 때 -moz-border-radius작동하지 않습니다. 단순한 여백도 작동하지 않습니다.

108 css

22

CSS를 사용한 내부 텍스트 그림자

저는 현재 CSS3를 가지고 놀면서 다음과 같은 텍스트 효과를 얻으려고 노력하고 있습니다 (검은 색의 흐릿한 내부 그림자). 그러나 텍스트 내부에 텍스트 그림자를 만드는 방법을 찾을 수 없습니다 . box-shadow 요소가 다음과 같이 내부에 그림자를 렌더링 할 수 있기 때문에 여전히 가능한지 궁금합니다. box-shadow: inset 0px -5px 10px 0px rgba(0, 0, …

107 css text shadow

2

IE에서 작동하지 않는 요소에 초기 너비 사용

<table>컨테이너에 캔버스와 범례 를 삽입하는 그래프 플러그인이 있습니다. 이 플러그인 table에는 width정의 되어 있지 않으며 내 CSS에는 플러그인이 삽입되는 컨테이너 내부의 테이블 너비가 있습니다. 따라서 새 div는 table{ width: 100%}CSS에서 상속 되고 잘못 렌더링됩니다. 을 사용하려고했지만 width: initial;Chrome에서 좋아 보이지만 IE는 브라우저 호환성을 확인하는 것을 좋아하지 않습니다. 어떤 환경에서도 작동해야하기 …

107 css internet-explorer cross-browser width

2

H1-H6 태그의 가장 일반적인 글꼴 크기는 무엇입니까?

닫은. 이 질문은 주제를 벗어났습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 질문 업데이트 는 그래서 주제에 스택 오버플로합니다. 휴일 9 년 ago . 이 질문 개선 저는 항상 일반적인 모범 사례 기준으로 어디서부터 시작해야할지 확신하지 못했습니다. 예, 귀하의 디자인에 따라 다릅니다.하지만 가장 일반적인 것은 무엇입니까? 내가 …

107 html css frontend

9

탐색 용 구분 기호

탐색 요소 사이에 구분 기호를 추가해야합니다. 구분자는 이미지입니다. 내 HTML 구조는 다음과 같습니다 ol > li > a > img.. 여기에 두 가지 가능한 해결책이 있습니다. li분리 할 태그를 더 추가하려면 (boo!) 각 요소의 이미지에 구분 기호를 포함합니다 (이 방법이 더 좋지만 사용자가 "홈"과 같은 클릭을 할 수 있지만 "서비스"에 …

107 css navigation usability separator

3

Sass 음의 변수 값?

다음과 같이 동일한 양의 양수와 음수를 사용하는 몇 개의 scss 선택기가 있습니다. padding: 0 15px 15px; margin: 0 -15px 20px -15px; 모든 15px 금액에 대해 변수를 사용하고 싶지만 작동하지 않습니다. $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; 마진 금액은 양수로 변환됩니다. 내가 뭔가를 놓치고 있습니까?

107 css sass compass-sass

3

임베디드 SVG에 스타일을 적용하는 방법은 무엇입니까?

107 html css svg

8

CSS를 사용하여 이미지 크기를 비례 적으로 변경합니까?

모든 이미지가 동일한 높이와 너비로 나타나도록 축소판 갤러리를 구성하기 위해 며칠 동안 노력해 왔습니다. 그러나 Css 코드를 다음과 같이 변경하면 max-height: 150px; max-width: 200px; width: 120px; height: 120px; 모두 같은 크기의 이미지를 얻었지만 가로 세로 비율이 늘어나서 이미지가 망가집니다. 대신 이미지가 아닌 이미지 컨테이너의 크기를 조정하는 방법이 없습니까? 가로 세로 …

107 html css gallery lightbox

9

브라우저 너비 / 높이가 변경 될 때 CSS를 사용하여 이미지의 크기를 동적으로 조정하려면 어떻게해야합니까?

브라우저 창과 함께 이미지 크기를 조정할 수있는 방법이 궁금합니다. 여기 에 지금까지 한 작업이 있습니다 (또는 전체 사이트를 ZIP 파일로 다운로드 ). 이것은 Firefox에서 잘 작동하지만 Chrome에서는 문제가 있습니다. 이미지의 크기가 항상 조정되는 것은 아니며 페이지가로드 될 때 창 크기에 따라 달라집니다. 이것은 Safari에서도 잘 작동하지만 때로는 이미지가 최소 너비 …

107 css image browser resize window

7

HTML 스팬 정렬 센터가 작동하지 않습니까?

HTML이 있습니다. <div align="center" style="border:1px solid red"> This is some text in a div element! </div> Div가 내 문서의 간격을 변경하고 있으므로 대신 스팬을 사용하고 싶습니다. 그러나 스팬은 콘텐츠를 중앙 집중화하지 않습니다. <span style="border:1px solid red;align=center"> This is some text in a div element! </span> 이 문제를 어떻게 해결합니까? 편집하다: …

107 html css

1

tr 요소 주변의 테두리가 표시되지 않습니까?

Chrome / Firefox가에서 테두리를 렌더링하지 않는 것처럼 보이지만 tr선택기가 인 경우 테두리를 렌더링합니다 table tr td. tr에 테두리를 어떻게 설정할 수 있습니까? 작동하지 않는 내 시도 : table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> 코드 조각 실행Hide results스 니펫 확장 …

107 html css html-table

«css» 태그된 질문