CSS. 검색 결과
12 개의 검색 결과가 있습니다.
IT

[html]Div를 만드는 방법 브라우저 창의 100 % 높이

Div를 만드는 방법 브라우저 창의 100 % 높이 질문 나는 두 개의 열이있는 레이아웃을 가지고 있습니다 - 왼쪽 Div와 오른쪽 Div.오른쪽 DIV에는 회색 배경색이 있으며 사용자의 브라우저 창의 높이에 따라 수직으로 확장해야합니다.지금 당장 배경색은 그 DIV의 마지막 콘텐츠에서 끝납니다.나는 100 %, min-height : 100 %; 등을 보았습니다. 답변 몇 가지 CSS 3 측정 단위가 있습니다.뷰포트 백분율 (또는 뷰포트 상대) 길이뷰포트 백분율 길이는 무엇입니까?링크 된 W3 후보 권장 사항에서 위 :뷰포트 백분율 길이는 초기 함유 블록의 크기를 기준으로합니다.초기 함유 블록의 높이 또는 너비가 변경되면 그에 따라 크기가 조정됩니다.이 단위는 VH (뷰포트 높이), VW (뷰포트 너비..

2022. 4. 15. 10:55
IT

[css]CSS에서 Margin VS 패딩을 사용할 때 [폐쇄]

CSS에서 Margin VS 패딩을 사용할 때 [폐쇄] 질문 CSS를 작성할 때 마진을 사용할시기와 패딩을 사용할시기를 결정할 때 사용해야하는 특정 규칙이나 지침이 있습니까? 답변 TL; DR : 기본적으로 테두리 나 배경이있는 경우를 제외하고는 모든 곳에서는 마진을 사용하며 해당 보이는 상자 안의 공간을 늘리고 싶습니다.나에게 패딩과 마진의 가장 큰 차이점은 수직 여백이 자동 붕괴되고 패딩이 아닙니다.다른 두 요소를 서로 패딩으로 두 개의 요소를 고려하십시오.이 패딩은 요소의 일부로 간주되며 항상 보존됩니다.따라서 첫 번째 요소의 내용을 종료 한 다음 첫 번째 요소의 패딩 다음에 두 번째 요소의 패딩이 뒤 따른 다음 두 번째 요소의 내용이 뒤 따릅니다.따라서 두 요소의 내용은 2em 떨어져서 끝납니다...

2022. 4. 14. 12:52
IT

[css]어떻게 전환 할 수 있습니까? 0;높이 : 자동;CSS 사용?

어떻게 전환 할 수 있습니까? 0;높이 : 자동;CSS 사용? 질문 CSS 전환을 사용하여 슬라이드를 만들려고합니다.은 높이에서 시작됩니다. 0;호버에서 높이는 높이로 설정됩니다. 자동;그러나 이것은 단순히 전환하지 않고, 단순히 나타나는 것입니다.높이에서 그것을하는 경우 : 40px;높이 : Auto;, 그렇다면 높이까지 미끄러 져 올바른 높이로 갑자기 점프합니다.JavaScript를 사용하지 않고 다른이를 어떻게 할 수 있습니까?# child0 { 높이 : 0; 오버플로 : 숨겨진; 배경색 : #dededed; -moz-transition : 높이 1s 쉽게; -webkit-transition : 높이 1s 쉽게; -o-transition : 높이 1s 쉽게; 전환 : 높이 1s 쉽게; } # par..

2022. 4. 14. 10:25
IT

[html]CSS로 텍스트를 수직으로 센터하는 방법은 무엇입니까?[복제하다]

CSS로 텍스트를 수직으로 센터하는 방법은 무엇입니까?[복제하다] 질문 텍스트가 포함 된 요소가 있고이 세로 센터의 내용을 정렬하고 싶습니다.여기 내 스타일이 있습니다.#상자 { 높이 : 170px; 너비 : 270px; 배경 : # 000; 글꼴 크기 : 48px; 색상 : #fff; 텍스트 - 정렬 : 센터; } Lorem Ipsum Dolor Sit. 이 목표를 달성하는 가장 좋은 방법은 무엇입니까? 답변 이 기본 접근 방식을 시도 할 수 있습니다.div { 높이 : 100px; 선 - 높이 : 100px; 텍스트 - 정렬 : 센터; 테두리 : 2PX 점선 # F69C55; } 안녕하세요! 우리가 라인의 높이를 포함 된 상자 요소와 동일한 높이로 설정하기 때문에 단일 텍스트에만 작동합니다.더 다재다..

2022. 4. 13. 13:38
IT

[html]글 머리 기호 없이는 정렬되지 않은 목록이 필요합니다

글 머리 기호 없이는 정렬되지 않은 목록이 필요합니다 질문 나는 정렬되지 않은 목록을 만들었습니다.정한 목록의 총알이 귀찮은 것으로 느껴집니다. 그래서 나는 그들을 제거하고 싶습니다.글 머리 기호없이 목록을 가질 수 있습니까? 답변 상위 요소 (일반적으로 )의 CSS에서 목록 스타일 유형을 없음으로 설정하여 글 머리 기호를 제거 할 수 있습니다.ul { list-style-type: none; } 패딩을 추가하고 싶을 수도 있습니다 : 0 및 여백 : 0은 들여 쓰기를 제거하려면됩니다.목록 서식 지정 기술의 훌륭한 연습을 위해 HistCoreial을 참조하십시오. 답변부트 스트랩을 사용하는 경우 "unstyled"클래스가 있습니다.기본 목록 스타일을 제거하고 목록 항목 (즉각적인 어린이 만 해당)에서 왼..

2022. 4. 11. 12:22
IT

[javascript]CSS를 캐릭터의 절반에 적용 할 수 있습니까?

CSS를 캐릭터의 절반에 적용 할 수 있습니까? 질문 내가 찾고있는 것 :캐릭터의 절반을 스타일하는 방법.(이 경우, 편지의 절반이 투명)내가 현재 검색하고 시도한 것 (행운이없는) : Methods for styling half of a character/letter Styling part of a character with CSS or JavaScript Apply CSS to 50% of a character 다음은 내가 얻으려는 것의 예입니다.CSS 또는 JavaScript 솔루션이 존재합니까? 아니면 이미지에 의지해야할까요?이 텍스트가 동적으로 생성되면 이미지 경로를 가하지 않는 것이 좋습니다.업데이트:많은 사람들이 왜 내가 왜 캐릭터의 절반을 돌보고 싶은지 물어 봤기 때문에 이것이 그 이유입니..

2022. 4. 7. 11:01
IT

[html]TextArea의 Resizable 속성을 어떻게 비활성화합니까?

TextArea의 Resizable 속성을 어떻게 비활성화합니까? 질문 TextArea의 Resizable 속성을 비활성화하고 싶습니다.현재 TextArea의 오른쪽 하단 모서리를 클릭하고 마우스를 드래그하여 TextArea의 크기를 조정할 수 있습니다.이것을 어떻게 비활성화 할 수 있습니까? 답변 다음 CSS 규칙은 TextArea 요소의 크기 조정 동작을 비활성화합니다.textarea { resize: none; } 일부 (하지만 전부는 아님) textareas에 대해 비활성화하려면 몇 가지 옵션이 있습니다.태그의 클래스 속성을 사용할 수 있습니다 () :.textarea1 { resize: none; } Name 속성을 Foo로 설정 한 특정 TextArea를 비활성화하려면 (즉, ) :textar..

2022. 4. 7. 10:52
IT

[html]CSS에서 셀프 패드 및 셀 스포츠를 설정 하시겠습니까?

CSS에서 셀프 패드 및 셀 스포츠를 설정 하시겠습니까? 질문 HTML 테이블에서 셀프 패드 및 셀 스포츠는 다음과 같이 설정할 수 있습니다. CSS를 사용하여 어떻게 동일하게도 동일 할 수 있습니까? 답변 기초CSS에서 "CellPadding"을 제어하기 위해서는 테이블 셀에서 패딩을 사용할 수 있습니다.예를 들어,10px의 "셀프 패드":td { padding: 10px; } "셀 스포츠"의 경우 테이블에 테두리 간격 CSS 속성을 적용 할 수 있습니다.예를 들어,10px의 "셀 스택":table { border-spacing: 10px; border-collapse: separate; } 이 속성은 오래된 수평 및 수직 간격, 오래된 학교 "셀 스페이싱"과 관련이없는 별도의 수평 및 수직 간격을 허..

2022. 4. 2. 13:31
IT

[css]CSS 부모 선택기가 있습니까?

CSS 부모 선택기가 있습니까? 질문 앵커 요소의 직접 부모 인 요소를 어떻게 선택합니까?예를 들어, 내 CSS는 다음과 같을 것입니다.li < a.active { property: value; } 분명히이 작업을 JavaScript로 수행하는 방법이 있습니다. 그러나 CSS 레벨 2에 원시하는 일종의 해결 방법이 있기를 바랍니다.스타일을 시도하는 메뉴는 CMS에 의해 분출되고 있으므로 활성 요소를 요소로 이동할 수 없습니다 ... (내가하지 않는 메뉴 작성 모듈을 테마로하지 않으면)....에어떤 아이디어가 있습니까? 답변 현재 CSS에서 요소의 부모를 선택할 수있는 방법은 없습니다. 적어도 모든 브라우저에서 작동하는 방식이 아닙니다.그것을 할 수있는 방법이있는 경우 현재 CSS 선택기 사양 중 하나에있..

2022. 4. 1. 12:35
IT

[css]HTML5 입력의 자리 표시 자 색상을 CSS로 변경하십시오

HTML5 입력의 자리 표시 자 색상을 CSS로 변경하십시오 질문 Chrome은 입력 [Type = Text] 요소의 자리 표시 자 속성을 지원합니다 (다른 것도 아마도 수행 할 수 있습니다).그러나 다음 CSS는 자리 표시 자의 가치에 아무 것도하지 않습니다.입력 [자리 표시 자], [자리 표시 자], * [자리 표시 자] { 색상 : 빨간색! 중요; } 그러나 값은 여전히 빨간색 대신 회색으로 유지됩니다.자리 표시 자 텍스트의 색상을 변경하는 방법이 있습니까? 답변 구현의사 요소, 의사 클래스, 그리고 아무것도없는 세 가지 구현이 있습니다.WebKit, Blink (Safari, Google Chrome, Opera 15+) 및 Microsoft Edge는 의사 - 요소를 사용하고 있습니다. :: -..

2022. 3. 30. 13:55
IT

[html]수평으로 요소를 가운데 가운데를 가운데

수평으로 요소를 가운데 가운데를 가운데 질문 CSS를 사용하여 다른 내에서 가로 중심을 가로로 가운데 센터를 어떻게 센터 센터 센터 센터 센터 센터 센터 센터 센터 센터를 가운데 가운데 센터를 가운데 가운데? Foo foo 답변 이 CSS를 내부 에 적용 할 수 있습니다.#inner { width: 50%; margin: 0 auto; } 물론 폭을 50 %로 설정할 필요가 없습니다.포함 된 보다 작은 모든 너비가 작동합니다.Margin : 0 Auto는 실제 센터링을 수행하는 것입니다.Internet Explorer 8 (그리고 나중에)을 타겟팅하는 경우 다음과 같은 대신이 옵션을 가질 수 있습니다.#inner { display: table; margin: 0 auto; } 그것은 내부 요소 센터를 수..

2022. 3. 29. 12:13
IT

[css]텍스트 선택 강조 표시를 비활성화하는 방법

텍스트 선택 강조 표시를 비활성화하는 방법 질문 스택 오버 플로우 페이지 상단에있는 버튼 (예 : 질문, 태그, 사용자 등) 또는 탭이있는 앵커의 경우 사용자가 실수로 텍스트를 선택하면 강조 표시 효과를 비활성화하는 CSS 표준 방법이 있습니다.~을 자란나는 이것이 JavaScript로 수행 될 수 있고 작은 Googling은 Mozilla-only -moz-user-select 옵션을 생성한다는 것을 알고 있습니다.이를 CSS로 성취 할 수있는 표준 준수 방법이 있습니까? 그렇지 않은 경우 "모범 사례"접근법은 무엇입니까? 답변 2017 년 1 월 업데이트 :사용할 수있는 방법에 따르면 사용자가 선택하는 것은 현재 Internet Explorer 9 및 이전 버전을 제외한 모든 브라우저에서 지원됩니다 ..

2022. 3. 27. 14:46