프로그램 작성 css

9

어떤 이유로 내 div가 포함하는 div에서 가로로 가운데에 있지 않습니다. .row { width: 100%; margin: 0 auto; } .block { width: 100px; float: left; } <div class="row"> <div class="block">Lorem</div> <div class="block">Ipsum</div> <div class="block">Dolor</div> </div> 코드 조각 실행결과 숨기기스 니펫 확장 때로는 하나의 블록 div 만있는 행 div가 있습니다. 내가 뭘 …

118 css

4

CSS : 요소의 내용 앞에 공백을 추가하는 방법은 무엇입니까?

다음 코드는 작동하지 않습니다. p:before { content: " "; } p:before { content: "&nbsp;"; } 요소의 내용 앞에 공백을 어떻게 추가합니까? 참고 : 의미 론적 사용을 위해 테두리 왼쪽과 여백 왼쪽에 색상을 지정하고 공간을 무색 여백으로 사용해야합니다. :)

118 css unicode space css-content

10

CSS '밑줄'속성의 선 두께 편집

다음과 같이 CSS의 모든 텍스트에 밑줄을 긋을 수 있습니다. H4 {text-decoration: underline;} 그런 다음 그려지는 '선'도 편집 할 수 있습니다. 선에 표시되는 색은 '색상 : 빨간색'으로 쉽게 지정되지만 선의 높이, 즉 두께는 어떻게 편집합니까?

118 html css

5

<textarea>와 <textfield>가 body에서 font-family와 font-size를 가져 오지 않는 이유는 무엇입니까?

왜 Textarea하고 textfield있지 복용 font-family하고 font-size몸에서? 여기 http://jsbin.com/ucano4 라이브 예제를 참조하십시오 암호 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>texearea font</title> <style type="text/css"> body { font-family: Verdana, Geneva, sans-serif; font-size:16px } </style> </head> <body> <form action="" method="get"> <textarea name="" cols="20" rows="4"></textarea> …

118 css xhtml

8

CSS에서 @import와 링크의 차이점

내 프로젝트 템플릿을 조정하기 위해 CSS를 배우고 있습니다. 나는이 문제에 이르렀고 웹에서 명확한 답을 찾지 못했습니다. CSS에서 @import 또는 링크를 사용하는 데 차이가 있습니까? @import 사용 <style>@import url(Path To stylesheet.css)</style> 링크 사용 <link rel="stylesheet" href="Path To stylesheet.css"> 가장 좋은 방법은 무엇입니까? 그리고 왜? 감사!

118 css import hyperlink

12

CSS 이미지 미리로드

버튼을 클릭하여 배포되는 숨겨진 연락처 양식이 있습니다. 해당 필드는 CSS 배경 이미지로 설정되며 항상 토글 된 div보다 약간 늦게 나타납니다. <head>섹션 에서이 스 니펫을 사용 했지만 운이 없었습니다 (캐시를 지운 후). <script> $(document).ready(function() { pic = new Image(); pic2 = new Image(); pic3 = new Image(); pic.src="<?php bloginfo('template_directory'); ?>/images/inputs/input1.png"; pic2.src="<?php …

118 css image background preloader preload

12

Bootstrap 4의 드롭 다운에서 화살표를 제거하는 방법은 무엇입니까?

저는 Bootstrap 4를 사용하고 있습니다. 드롭 다운에서 화살표를 제거하려고했습니다. 답변 내가 부트 스트랩 3 발견은 더 이상 작동하지 않습니다. jsfiddle이 여기 있습니다 . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>

118 css twitter-bootstrap twitter-bootstrap-4

2

여러 글꼴 두께, 하나의 @ font-face 쿼리

Klavika 글꼴을 가져와야하는데 여러 모양과 크기로 받았습니다. Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf 이제 하나의 @font-face-query 로 CSS로 가져올 수 있는지 알고 싶습니다 weight. 쿼리 복사 / 붙여 넣기를 8 번 피하고 싶습니다. 그래서 다음과 같습니다. @font-face { font-family: 'Klavika'; src: url(../fonts/Klavika-Regular.otf), weight:normal; src: url(../fonts/Klavika-Bold.otf), weight:bold; }

118 css fonts font-face

13

웹 사이트에서 사용하지 않는 이미지와 CSS 스타일을 어떻게 찾을 수 있습니까? [닫은]

닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 2 년 전 . 이 질문 개선 사용하지 않는 이미지 파일을 찾는 데 사용할 수있는 방법 (시행 착오 제외)이 있습니까? 사이트에 존재하지 않는 ID와 …

117 html css

12

iframe에서 스크롤바 제거

이 코드 사용 <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> 이것이 어떻게 나타나는지 ( http://www.talkjesus.com 홈페이지의 shoutbox ) 가로 스크롤바를 제거하고 세로 스크롤바의 CSS를 수정하려면 어떻게해야합니까?

117 html css iframe

10

버튼 위치가 잘못된 부트 스트랩 3 패널 헤더

Bootstrap 3을 사용하고 있으며 오른쪽 상단의 패널 헤더에 몇 가지 버튼을 추가하고 싶습니다. 추가하려고 할 때 제목 기준선 아래에 표시됩니다. 코드 : http://bootply.com/82631 제목, 패널 제목 또는 버튼에 추가해야하는 누락 된 CSS는 무엇입니까?

117 css twitter-bootstrap twitter-bootstrap-3

16

HTML 페이지에서 원을 그리는 방법?

HTML5 및 CSS3를 사용하여 원을 어떻게 그리나요? 안에 텍스트를 넣을 수도 있습니까?

117 html css geometry css-shapes

2

하나의 규칙 내에서 여러 클래스가있는 대상 요소

여러 클래스가있는 요소를 포함하는 HTML이 있고, 동일한 클래스가 다른 컨테이너 내에서 다를 수 있도록 하나의 규칙 내에서 할당해야합니다. 내 CSS에 다음이 있다고 가정합니다. .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } 그런 다음 HTML에 다음이 있습니다. <div class='border-blue background'>Lorum Crap No-one Cares About Ipsum</div> 단일 규칙 …

117 css class target

13

경계 상자에 맞게 이미지 크기 조정

이미지를 경계 상자로 크기를 조정하는 CSS 전용 솔루션이 있습니까 (종횡비 유지)? 이미지가 컨테이너보다 큰 경우 작동합니다. img { max-width: 100%; max-height: 100%; } 예: 사용 사례 1 (작동) : http://jsfiddle.net/Jp5AQ/2/ 사용 사례 2 (작동) : http://jsfiddle.net/Jp5AQ/3/ 하지만 크기가 컨테이너의 100 %가 될 때까지 이미지를 확대하고 싶습니다. 사용 사례 3 (작동하지 …

117 html css image resize autoresize

5

Flexbox 및 Internet Explorer 11 (display : flex in <html>?)

나는 "floaty"레이아웃에서 벗어나 향후 프로젝트를 위해 CSS flexbox를 사용할 계획입니다. 현재 버전의 모든 주요 브라우저가 (어떤 방식 으로든) 플렉스 박스를 지원하는 것 같아서 기뻤습니다. 몇 가지 예를보기 위해 "Solved by Flexbox" 로 이동했습니다. 그러나 "고정 바닥 글"예제는 Internet Explorer 11에서 작동하지 않는 것 같습니다. 나는 약간 놀았고 display:flex다음 <html>과 같이 …

117 html css flexbox cross-browser

«css» 태그된 질문