«css» 태그된 질문

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

6
테이블 행 채우기
<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …
85 html  css  html-table  row  padding 

9
테두리의 두께를 백분율로 설정하는 방법은 무엇입니까?
요소의 테두리 너비를 백분율로 설정하는 방법은 무엇입니까? 나는 구문을 시도했다 border-width:10%; 하지만 작동하지 않습니다. border-width백분율 로 설정하려는 이유 는 width: 80%;및 요소가 있고 height: 80%;요소가 전체 브라우저 창을 덮기를 원하므로 모든 테두리를 10 %로 설정하고 싶습니다. 요소의 배경이 투명하고 그 뒤에 요소를 배치하면 투명도에 영향을 미치기 때문에 한 요소가 다른 …
85 css 


15
특정 페이지에서 사용 된 CSS 만 추출
과거와 현재의 너무 많은 사람들이 작업 한 동적으로 생성 된 사이트가 있고 이제 20,000 줄 이상의 CSS가 포함 된 공유 스타일 시트 모음이 있다고 가정 해 보겠습니다. 전혀 구성되지 않았고 클래스 및 ID 기반 선택자가 있지만 태그 기반 선택기가 너무 많습니다. 그런 다음 컨트롤러를 통해 이러한 스타일을 사용하는 100 개의 …
85 css 

24
Chrome의 파일 입력에서 "선택된 파일 없음"툴팁을 제거하려면 어떻게해야합니까?
Google 크롬의 파일 입력에서 "선택한 파일 없음"툴팁을 제거하고 싶습니다 (Firefox에 툴팁이 표시되지 않음). 입력 필드 내부의 텍스트가 아니라 입력 위로 마우스를 이동할 때 나타나는 툴팁에 대해 이야기하고 있습니다. 나는 운없이 이것을 시도했다. $('#myFileInput').attr('title', '');

17
입력 [type = text]을 값의 너비로 자동 확장 하시겠습니까?
<input type="text">의 너비를 실제 값 의 너비로 조정하는 방법이 있습니까? input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> 코드 조각 실행결과 숨기기스 니펫 확장
85 jquery  html  css 

3
CSS 세로 정렬이 float에서 작동하지 않습니다.
어떻게 사용할 수 있습니다 vertical-align뿐만 아니라 float의 div속성? 은 vertical-align내가 사용하지 않는 경우 벌금을 작동합니다 float. 하지만 플로트를 사용하면 작동하지 않습니다. float:right마지막 div에를 사용하는 것이 중요합니다 . 모든 div에서 float를 제거하면 다음을 시도하고 있습니다. <div class="wrap"> <div class="left">First div, float left, has more text.</div> <div class="left2">Second div, float left </div> …

7
HTML 테이블에 스크롤 막대를 표시하는 방법
설정된 크기를 유지하기 위해 html 테이블이 필요한 페이지를 작성 중입니다. 항상 거기에 머 무르려면 표 상단에 머리글이 필요하지만 표에 추가 된 행 수에 관계없이 스크롤하려면 표 본문도 필요합니다. 이 URL에서 방법 2처럼 보이기를 원합니다 : http://www.cssplay.co.uk/menu/tablescroll.html 나는 이것을 시도했지만 스크롤바가 나타나지 않습니다. tbody { height: 80em; overflow: scroll; } <table …

11
div 내에서 두 줄로만 텍스트 감싸기
특정 너비의 div 내에서 두 줄로만 텍스트를 감싸고 싶습니다. 텍스트가 두 줄의 길이를 초과하면 생략 표시를 표시하고 싶습니다. CSS를 사용하는 방법이 있습니까? 예 : Sample text showing wrapping of text in only two line... 감사
85 html  css 

22
CSS 여백 및 패딩 속기 속성의 순서에 대한 니모닉
하나의 선언에서 여백이나 패딩을 설정하는 속기 속성의 순서를 기억할 수 없습니다. 그건: margin-top: 2px; margin-bottom: 4px; margin-left: 3px; margin-right: 8px; 다음과 같이 쓸 수 있습니다. margin: 2px 8px 4px 3px; 예, 정오에 시작하여 시계 방향으로 움직이는 시계를 생각하면 주문을 시각화 할 수 있음을 이해합니다. 그러나 나는 그것을 계속 잊고있다. 위, …
85 css  mnemonics 


7
웹 페이지 인쇄를위한 안전한 픽셀 너비?
웹 페이지를 인쇄하기위한 안전한 픽셀 너비는 얼마입니까? 내 페이지에 큰 이미지가 포함되어 있으며 인쇄 할 때 잘리지 않도록하고 싶습니다. 다른 브라우저 여백과 US Letter / DIN A4 용지 크기에 대해 알고 있습니다. 그래서 우리는 표준 문자 크기와 일부 기본 DPI 값을 얻었습니다. 그러나 이것을 픽셀 값으로 변환 하여 이미지의 width속성 …
85 css  printing 

6
부트 스트랩 3의 그리드 클래스 (col-sm- # 및 col-lg- #) 이해
저는 Bootstrap 3에서 시작하고 있으며 그리드 클래스가 어떻게 사용되는지 이해하는 데 어려움이 있습니다. 지금까지 알아 낸 내용은 다음과 같습니다. 화면이 특정 크기 (각각 768px 및 992px) 이상일 때만 적용된다는 점에서 클래스 col-sm-#및 col-lg-#일반 이전 과 다른 것으로 col-#보입니다. -sm- 또는 -lg-를 생략하면 div가 하나의 열로 축소되지 않습니다. 나는 둘 다 …

4
플렉스 아이템 높이가 다른 플렉스 아이템과 일치하도록 확장되는 것을 방지
컨테이너 내부에는 플렉스 박스를 사용하여 나란히있는 두 개의 요소가 있습니다. 두 번째 요소 ( .flexbox-2)에서는 CSS에서 높이를 설정합니다. 그러나 첫 번째 요소 ( .flexbox-1)는의 높이와 일치합니다 .flexbox-2. .flexbox-1의 높이 일치를 중지 .flexbox-2하고 대신 원래 높이를 유지하려면 어떻게해야합니까? 지금까지 내가 가진 것입니다 ( jsFiddle으로 도 사용 가능 ) .container { display: …
85 html  css  flexbox 

5
CSS를 통해 텍스트 왼쪽에 이미지 추가
CSS를 통해 일부 텍스트에 이미지를 추가하려면 어떻게해야합니까? 나는 이것을 얻었다 : <span class="create">Create something</span> css를 사용하여 그 왼쪽에 16x16 이미지를 추가하고 싶습니다. 이것이 가능합니까 아니면 수동 으로이 이미지를 다음과 같이 추가해야합니까? <span class="create"><img src="somewhere"/>Create something</span> 차라리 모든 장소를 수동으로 변경할 필요가 없기 때문에 CSS를 통해 수행하고 싶었습니다. 감사!
85 css 

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