«css» 태그된 질문

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

15
CSS 텍스트 변환으로 모든 대문자 사용
내 HTML은 다음과 같습니다. <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> 내 CSS는 다음과 같습니다. .link {text-transform: capitalize;} 출력은 다음과 같습니다. Small Caps & ALL CAPS 그리고 출력을 원합니다. Small Caps & All Caps 어떤 아이디어?
129 css 

4
트위터 부트 스트랩 : 높이가 100 % 인 컨테이너의 div
트위터 부트 스트랩 (2)을 사용하면 탐색 모음이있는 간단한 페이지가 있고 내부에는 container100 % 높이의 div를 추가하려고합니다 (화면 하단). 내 css-fu는 녹슨 상태이며이 문제를 해결할 수 없습니다. 간단한 HTML : <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> <div id="map"></div> <!-- This …

9
<body>를 전체 화면으로 채우시겠습니까?
웹 페이지의 배경으로 방사형 그래디언트를 사용하고 있습니다. background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); 작동하지만 내용이 전체 페이지를 채우지 않으면 그라디언트가 잘립니다. &lt;body&gt;요소가 항상 전체 페이지를 채우 도록하려면 어떻게 해야합니까?

8
그리드 / 타일 뷰를 만드는 방법?
예를 들어 클래스 .article이 있고이 클래스를 그리드보기로보고 싶습니다. 그래서 나는이 스타일을 적용했습니다 : .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } 이 스타일은 .article을 타일 / 그리드처럼 보이게합니다. 고정 된 높이로 잘 작동합니다. 그러나 높이를 자동으로 설정하려면 (그 안의 데이터에 따라 자동으로 늘림) 그리드가 불쾌하게 보입니다. 그리고 나는 이것을 다음과 같이 …

6
CSS 또는 Javascript를 사용하여 웹 페이지에서 커서를 숨길 수 있습니까?
건물 홀에 정보를 표시하는 웹 페이지를 표시 할 때 커서를 숨기고 싶습니다. 대화식 일 필요는 없습니다. 커서 속성과 투명한 커서 이미지로 시도했지만 작동시키지 않았습니다. 이것이 가능한지 아는 사람이 있습니까? 나는 이것이 그가 클릭하는 위치를 알 수없는 사용자에게 보안 위협으로 생각 될 수 있다고 생각합니다. 그래서 나는 매우 낙관적이지 않습니다 ... …
129 javascript  html  css 



10
선택 상자 옵션 배경색 변경
나는이 select상자를하고 난 때 옵션의 배경색을 변경하기 위해 노력하고있어 select상자를 클릭하고 쇼 모든 옵션되었습니다. 바이올린 참조 HTML : &lt;select&gt; &lt;option val=""&gt;Please choose&lt;/option&gt; &lt;option val="1"&gt;Option 1&lt;/option&gt; &lt;option val="2"&gt;Option 2&lt;/option&gt; &lt;option val="3"&gt;Option 3&lt;/option&gt; &lt;option val="4"&gt;Option 4&lt;/option&gt; &lt;/select&gt; CSS : select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }

3
flex : 1은 무엇을 의미합니까?
우리 모두가 아시다시피, flex속성에 대한 속기 flex-grow, flex-shrink그리고 flex-basis속성. 기본값은입니다 0 1 auto. flex-grow: 0; flex-shrink: 1; flex-basis: auto; 하지만 많은 곳 flex: 1에서 사용되고 있습니다. 1 1 auto또는의 속기 1 0 auto입니까? 그게 무슨 뜻인지 이해할 수없고 Google을 검색해도 아무것도 얻지 못합니다.
129 css  flexbox 

8
Twitter 부트 스트랩에서 스타일을 덮어 쓰는 방법
Twitter Bootstrap에서 스타일을 덮어 쓰려면 어떻게해야합니까? 예를 들어 현재 CSS 규칙 'float : left;'가있는 .sidebar 클래스를 사용하고 있습니다. 대신 오른쪽으로 이동하도록 어떻게 변경할 수 있습니까? HAML과 SASS를 사용하고 있지만 웹 개발에 비교적 익숙하지 않습니다.


1
Illustrator에서 웹용 SVG를 내보내는 데 가장 적합한 설정은 무엇입니까?
웹 사이트에 SVG 로고를 사용하여 모든 기기의 반응 형 디자인에 멋지게 보이려고합니다. 그러나 문제가 있기 때문에 가능한 한 많은 장치와 브라우저를 지원하고 싶습니다. 로드 속도 또한 중요한 고려 사항입니다. Adobe Illustrator의 내보내기 설정이이 모든 것에 어떻게 적용됩니까? Illustrator에는 SVG 내보내기에 대한 몇 가지 옵션이 있습니다. 첫째, 어떤 SVG 프로파일이 가장 …

25
ASP.NET MVC에서 Html.ActionLink에“활성”클래스를 추가하는 방법
MVC에서 부트 스트랩 탐색 모음에 "active"클래스를 추가하려고하는데 다음과 같이 작성하면 다음과 같이 활성 클래스가 표시되지 않습니다. &lt;ul class="nav navbar-nav"&gt; &lt;li&gt;@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})&lt;/li&gt; &lt;li&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt; &lt;li&gt;@Html.ActionLink("Contact", "Contact", "Home")&lt;/li&gt; &lt;/ul&gt; 이것은 올바른 형식의 클래스처럼 보이지만 작동하지 않습니다. &lt;a class="active" href="/"&gt;Home&lt;/a&gt; 부트 스트랩 문서에서 탐색 표시 줄에 'a'태그를 사용해서는 …

4
CSS를 사용하여 표 셀에서 오른쪽 정렬
나는 이와 같은 오래된 고전적인 코드를 가지고있다. &lt;td align="right"&gt; 셀의 내용을 올바르게 정렬합니다. 이 셀에 2 개의 버튼을 넣으면 셀의 오른쪽 사이트에 버튼이 나타납니다. 그러나 CSS로 리팩토링했지만 오른쪽 정렬과 같은 것은 없습니다. 텍스트 정렬이 표시됩니다. 동일합니까?
128 css 


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