«css» 태그된 질문

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

6
jQuery에서 width, innerWidth 및 outerWidth, height, innerHeight 및 outerHeight의 차이점은 무엇입니까?
차이점이 무엇인지 확인하기 위해 몇 가지 예제를 작성했지만 너비와 높이에 대해 동일한 결과를 표시합니다. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var div = $('.test'); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth = div.outerWidth(); // 200px var height = div.height(); // …
124 javascript  jquery  css  dom  styles 
21
앵커 링크를 링크 된 위치보다 몇 픽셀 위로 이동합니다.
이 질문을 요청 / 검색하는 가장 좋은 방법을 모르겠습니다. 앵커 링크를 클릭하면 페이지의 맨 위에 링크 된 영역이있는 페이지의 해당 섹션으로 이동합니다. 앵커 링크를 통해 페이지의 해당 부분으로 이동하고 싶지만 상단에 약간의 공간이 필요합니다. 에서와 같이 VERY TOP에서 연결된 부분으로 나를 보내지 않기를 원합니다. 100 픽셀 정도의 공간을 원합니다. 이게 …
124 javascript  html  css  anchor 
8
파선 테두리 획 길이 및 획 사이의 거리 제어
CSS에서 파선 테두리 획 사이의 길이와 거리를 제어 할 수 있습니까? 아래 예는 브라우저마다 다르게 표시됩니다. div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> 코드 조각 실행결과 숨기기스 니펫 확장 큰 차이점 : IE 11 / Firefox / Chrome 점선 테두리 모양을 …
124 css  border  css-shapes 
10
오버플로 스크롤 CSS가 div에서 작동하지 않습니다.
내 HTML 페이지 스크롤 문제에 대한 CSS / Javascript 솔루션을 찾고 있습니다. div, 헤더 및 래퍼 div를 포함하는 세 개의 div가 있습니다. 래퍼 div에 세로 스크롤바가 필요합니다. 높이는 콘텐츠에 따라 자동 또는 100 % 여야합니다. 헤더는 고정되어야하며 전체 스크롤바를 원하지 않으므로 overflow:hiddenbody 태그에 지정했습니다. 내 래퍼 div에 세로 스크롤바가 필요합니다. …
124 css 
2
백분율 (%) 및 픽셀 (px) 또는 em의 테두리 반경
border-radius에 픽셀 또는 em 값 을 사용 하면 값이 요소의 가장 큰 면보다 크더라도 가장자리 반경은 항상 원호 또는 알약 모양 입니다. 백분율을 사용할 때 가장자리 반경은 타원이며 요소의 각 측면 중앙에서 시작하여 타원형 또는 타원 모양이됩니다 . border-radius의 픽셀 값 : 코드 스 니펫 표시 div { background: teal; …
124 css  css-shapes 
3
: first-child와 : first-of-type의 차이점은 무엇입니까?
element:first-child과 의 차이를 알 수 없습니다.element:first-of-type 예를 들어 div가 div:first-child → <div>부모의 첫 번째 자식 인 모든 요소. div:first-of-type → 부모 <div>의 첫 번째 <div>요소 인 모든 요소 . 이것은 똑같은 것처럼 보이지만 다르게 작동합니다. 누군가 설명해 주시겠습니까?
124 css  css-selectors 
7
CSS에서 이미지 위에 텍스트를 배치하는 방법
CSS에서 이미지 위에 텍스트를 중앙에 배치하려면 어떻게합니까? <div class="image"> <img src="sample.png"/> <div class="text"> <h2>Some text</h2> </div> </div> 아래와 같이하고 싶은데 어려움이 있습니다. 현재 CSS입니다. <style> .image { position: relative; } h2 { position: absolute; top: 200px; left: 0; width: 100%; margin: 0 auto; width: 300px; height: 50px; } </style> 배경 …
123 html  css 
8
어떤 HTML5 재설정 CSS를 사용하고 그 이유는 무엇입니까? [닫은]
닫힘 . 이 질문은 의견 기반 입니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 오년 전에 . 이 질문 개선 어떤 HTML5 재설정 CSS를 사용하고 그 이유는 무엇입니까? 더 많은 사건을 다루기 위해 …
123 css  html  css-reset 
5
Sass의 이미지 경로에 변수가 있습니까?
내 CSS 파일의 모든 이미지에 대한 루트 경로를 포함하는 하나의 변수를 갖고 싶습니다. 순수한 Sass에서 이것이 가능한지 알 수 없습니다 (실제 웹 프로젝트는 RoR이 아니므로 asset_pipeline이나 멋진 재즈를 사용할 수 없습니다). 작동하지 않는 내 예가 있습니다. 컴파일시 배경 URL 속성에서 변수의 첫 번째 인스턴스에서 ( "Invalid CSS after "..site/background": expected …
123 css  sass 
3
CSS 상단 값을 문자열이 아닌 숫자로 가져 오나요?
jQuery에서 부모에 대한 상위 위치를 숫자로 얻을 수 있지만 .NET에 설정된 경우 css 상위 값을 숫자로 가져올 수 없습니다 px. 다음이 있다고 가정합니다. #elem{ position:relative; top:10px; } <div> Bla text bla this takes op vertical space.... <div id='elem'>bla</div> </div> $('#elem').position().top; //Returns the number (10+(the vertical space took by the text)) …
123 javascript  jquery  css 
10
부트 스트랩 유동 레이아웃에서 그리드 요소를 하단 정렬하는 방법
저는 트위터의 부트 스트랩을 사용하는 유동적 인 레이아웃을 가지고 있는데 두 개의 열이있는 행이 있습니다. 첫 번째 열에는 내용이 많으므로 일반적으로 범위를 채우고 싶습니다. 두 번째 열에는 버튼과 일부 텍스트 만 있으며, 첫 번째 열의 셀을 기준으로 아래쪽으로 정렬하고 싶습니다. 내가 가진 것은 다음과 같습니다. -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | …
9
WebKit의 CSS에서 <select> 및 : after 문제
의사 : after (2 부분과 이미지없이 선택 상자의 스타일을 지정하기 위해)를 사용하여 선택 상자에 스타일을 추가하고 싶습니다. HTML은 다음과 같습니다. &lt;select name=""&gt; &lt;option value=""&gt;Test&lt;/option&gt; &lt;/select&gt; 그리고 그것은 작동하지 않습니다. 이유를 모르겠고 W3C 사양에서 답을 찾지 못했습니다. CSS는 다음과 같습니다. select { -webkit-appearance: none; background: black; border: none; border-radius: 0; color: …
123 html  css  select 
6
마우스 오버시 이름에서 밑줄을 제거하는 방법
그런 HTML이 있습니다. &lt;legend class="green-color"&gt;&lt;a name="section1"&gt;Section&lt;/a&gt;&lt;/legend&gt; legend.green-color{ color:green; } 내 경우에는 Section녹색으로 보이지만 마우스 포인터를 올려 놓으면 a href처럼 보였지만 밑줄과 색상 변경없이 그대로 유지하고 싶습니다. CSS를 변경하지 않고 또는 최소 CSS로 달성 할 수 있습니까? 또는 어떻게 든 jquery와 함께 할 수 있습니까?
123 html  css 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.