프로그램 작성 css

14

CSS에서만 위첨자를 어떻게 만들 수 있습니까? 외부 링크를 위 첨자로 표시하는 스타일 시트가 있지만 문자를 올바르게 정렬하는 데 어려움을 겪고 있습니다. 내가 현재 가지고있는 것은 다음과 같습니다. a.external:after { font-size: 50%; vertical-align: top; content: "+"; } 그러나 작동하지 않습니다. 당연히 HTML을 허용하는 <sup>경우에만 -tag를 사용합니다 content...

320 css

11

미디어 쿼리는 화면 대신 div 요소를 기반으로 크기를 조정할 수 있습니까?

미디어 쿼리를 사용하여 div요소 의 크기에 따라 요소 의 크기를 조정 하고 div싶습니다. 웹 페이지 내의 위젯처럼 사용되며 화면 크기가 다를 수 있으므로 화면 크기를 사용할 수 없습니다 . 최신 정보 https://github.com/ResponsiveImagesCG/cq-demos 에 대한 작업이 진행중인 것 같습니다.

317 css media-queries

23

CSS3의 border-radius 속성과 border-collapse : collapse는 섞이지 않습니다. 모서리가 둥근 접힌 테이블을 만들려면 테두리 반경을 어떻게 사용할 수 있습니까?

편집 - 기존 제목 : 달성하는 다른 방법이 있습니까 border-collapse:collapse에서 CSS(A 붕괴, 둥근 모서리 테이블을 위해)은? 단순히 테이블의 경계를 무너 뜨려도 근본 문제가 해결되지는 않기 때문에 토론을 더 잘 반영하도록 제목을 업데이트했습니다. CSS3 border-radius속성을 사용하여 모서리가 둥근 테이블을 만들려고 합니다. 내가 사용하는 테이블 스타일은 다음과 같습니다. table { -moz-border-radius:10px; -webkit-border-radius:10px; …

317 html css rounded-corners html-table

10

모바일 웹 페이지에서 확대 / 축소를 어떻게 비활성화 할 수 있습니까?

기본적으로 몇 가지 텍스트 입력이있는 큰 형태의 모바일 웹 페이지를 만들고 있습니다. 그러나 (적어도 안드로이드 폰에서는) 일부 입력을 클릭 할 때마다 전체 페이지가 확대되어 나머지 페이지가 흐려집니다. moble 웹 페이지에서 이러한 종류의 확대 / 축소를 비활성화하는 HTML 또는 CSS 명령이 있습니까?

316 html css mobile

8

CSS를 사용하여 여러 배경 이미지를 가질 수 있습니까?

두 개의 배경 이미지를 가질 수 있습니까? 예를 들어, 하나의 이미지가 상단 (반복-x)에서 반복되고 다른 페이지가 전체 페이지 (반복)에서 반복되도록하고 싶습니다. 전체 페이지의 이미지는 상단에서 반복되는 이미지 뒤에 있습니다. html과 body의 배경을 설정하여 두 개의 배경 이미지에 대해 원하는 효과를 얻을 수 있음을 발견했습니다. html { background: url(images/bg.png); } body …

316 css background-image

10

div 너비 100 %-고정 픽셀 수

테이블이나 JavaScript를 사용하지 않고 다음과 같은 구조를 달성하려면 어떻게해야합니까? 흰색 테두리는 div의 가장자리를 나타내며 질문과 관련이 없습니다. 가운데 영역의 크기는 다양하지만 정확한 픽셀 값을 가지며 전체 구조는 해당 값에 따라 확장되어야합니다. 단순화하기 위해 "100 %-n px"너비를 상단 중간 및 하단 중간 div로 설정하는 방법이 필요합니다. 깨끗한 크로스 브라우저 솔루션에 감사하지만 …

316 html css height width

15

Javascript를 사용하여 CSS 파일을로드하는 방법은 무엇입니까?

Javascript를 사용하여 CSS 스타일 시트를 HTML 페이지로 가져올 수 있습니까? 그렇다면 어떻게 할 수 있습니까? 추신 : 자바 스크립트는 내 사이트에서 호스팅되지만 사용자가 <head>웹 사이트 의 태그 를 넣을 수 있기를 원하며 내 서버에서 호스팅 된 CSS 파일을 현재 웹 페이지로 가져올 수 있어야합니다. (css 파일과 javascript 파일 모두 내 …

316 javascript html css dhtml

6

첫 번째 직계 자녀만을위한 CSS 선택기가 있습니까?

다음 HTML이 있습니다 <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> 그리고 다음 스타일 : DIV.section DIV:first-child { ... } 내가 이해하지 못하는 이유 때문에 스타일이 "sub content 1" <div> 및 "header"에 적용되고 <div> 있습니다. 스타일의 선택기는 "section"이라는 클래스가있는 div의 첫 번째 직접 하위에만 적용된다고 …

315 html css css-selectors

3

가운데에 하나의 유연한 열이있는 두 개의 고정 너비 열을 어떻게 가질 수 있습니까?

왼쪽 및 오른쪽 열의 너비가 고정되어 있고 가운데 열이 사용 가능한 공간을 채우기 위해 구부러지는 3 개의 열로 flexbox 레이아웃을 설정하려고합니다. 열의 치수를 설정했지만 창이 줄어들면서 열이 계속 줄어 듭니다. 아무도 이것을 달성하는 방법을 알고 있습니까? 추가 작업은 사용자 상호 작용에 따라 오른쪽 열을 숨기는 것입니다.이 경우 왼쪽 열은 여전히 …

315 html css flexbox

8

Firefox 용 사용자 정의 CSS 스크롤 막대

CSS로 스크롤 막대를 사용자 정의하고 싶습니다. Safari와 Chrome에서 잘 작동하는이 WebKit CSS 코드를 사용합니다. ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } Firefox에서 같은 작업을 어떻게 수행 할 수 있습니까? jQuery를 사용하여 쉽게 수행 할 수 있다는 것을 알고 …

313 css firefox webkit scrollbar

15

앵커 (링크)의 밑줄을 제거하는 방법?

페이지에 소개 된 텍스트와 링크의 밑줄을 피하기 위해 어쨌든 (CSS에) 있습니까?

313 html css underline

1

플렉스 아이템이 컨텐츠 크기를 넘어 축소되지 않는 이유는 무엇입니까?

4 개의 flexbox 열이 있고 모든 것이 잘 작동하지만 텍스트를 열에 추가하고 큰 글꼴 크기로 설정하면 flex 속성으로 인해 열이 더 넓어집니다. 사용하려고 시도했지만 word-break: break-word도움이되었지만 열의 크기를 매우 작은 너비로 조정하면 텍스트의 문자가 여러 줄로 나뉘어 있지만 (한 줄에 하나의 문자) 열이 한 글자 크기보다 작지 않습니다. . 이 …

312 html css flexbox

21

고정 크기 컨테이너를 채울 수있는 동적 크기 자동 텍스트

사용자가 입력 한 텍스트를 고정 크기 div로 표시해야합니다. 내가 원하는 것은 텍스트가 가능한 한 상자를 채우도록 글꼴 크기를 자동으로 조정하는 것입니다. 따라서-div가 400px x 300px 인 경우. 누군가가 ABC를 입력하면 정말 큰 글꼴입니다. 문단을 입력하면 작은 글꼴이됩니다. 아마도 최대 글꼴 크기로 시작하고 싶을 것입니다-아마도 32px이며 텍스트가 너무 커서 컨테이너에 맞지 …

312 jquery html css

10

일반 JavaScript로 div 높이 얻기

На этот вопрос есть ответы на 스택 오버플로 на русском : Узнать высоту элемента через 자바 스크립트, если она прописана в стилевом файле jQuery를 사용하지 않고 div의 높이를 얻는 방법에 대한 아이디어가 있습니까? 이 질문에 대한 스택 오버플로를 검색하고 있었고 모든 답변이 jQuery를 가리키는 것 같습니다 .height(). 내가 좋아하는 뭔가를 …

312 javascript html css

9

<hr> 태그의 두께를 변경하는 방법

<hr>CSS에서 가로 규칙의 두께 ( ) 를 변경하고 싶습니다 . HTML처럼 그렇게 할 수 있다는 것을 알고 있습니다. <hr size="10"> 그러나 여기 MDN에 언급 된 것처럼 이 기능은 더 이상 사용되지 않는다고 들었 습니다 . CSS에서는 사용하려고 시도 height:1px했지만 두께는 변경되지 않습니다. 나는 <hr>선이 0.5px두껍기 를 원합니다 . 우분투에서 Firefox …

311 html css user-interface

«css» 태그된 질문