«css» 태그된 질문

:before동일한 요소에 대해 여러 의사 를 가질 수 있습니까? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } jQuery를 사용하여 위의 스타일을 동일한 요소에 적용하려고하는데 가장 최근의 스타일 만 적용되고 둘 다 적용되지는 않습니다.

116 css  css-selectors  pseudo-element  css-content 

열려있는 탭에 다른 탭과 구분할 수있는 그림자가있는 탭 탐색 모음이 있습니다. 또한 전체 탭 섹션에 단일 그림자 (하단 수평선 참조)가 올라가고 열려있는 탭을 제외한 모든 탭의 하단이 음영 처리되기를 바랍니다. CSS3의 box-shadow속성 을 사용 하여 원하는 부분 만 음영 처리하는 방법을 찾을 수 없습니다. 일반적으로 열린 탭의 하단 그림자를 콘텐츠 …

115 html  css  shadow 

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } 마우스를 올려 놓았을 때만 불투명도를 애니메이션하고 마우스로 개체를 떠날 때가 아닌 이유는 무엇입니까? 데모 : http://jsfiddle.net/7uR8z/ ​

115 css  css-transitions 

::CSS에서 이중 콜론 ( )은 무엇을 의미합니까? 예를 들면 : input[type=text]::-ms-clear { display: none; }

115 css 

다음 코드가 있습니다. div { width:200px; border-bottom:1px solid magenta; height:50px; } 데모 div 너비는 200px이므로 border-bottom도 200px이지만 div 너비를 변경하지 않고 border-bottom 만 100px로하려면 어떻게해야합니까?

115 html  css 

인라인 스타일에서 볼 수있는 형식과 같이 CSS 규칙의 모든 내용이 포함 된 문자열을 반환하고 싶습니다. 특정 규칙에 포함 된 내용을 알지 못해도이 작업을 수행 할 수 있기를 원하므로 스타일 이름 (예 : .style.width등)으로 만 빼낼 수 없습니다 . CSS : .test { width:80px; height:50px; background-color:#808080; } 지금까지 코드 : function …

115 javascript  html  css 

다음과 같이 여러 DIV를 쌓을 수 있습니까? <div> <div></div> <div></div> <div></div> <div></div> </div> 모든 내부 DIV가 동일한 X 및 Y 위치를 갖도록? 기본적으로 그들은 모두 서로 아래로 이동하여 마지막 이전 DIV의 높이만큼 Y 위치를 증가시킵니다. 나는 어떤 종류의 플로트 또는 디스플레이 또는 다른 트릭이 물릴 수 있다고 생각합니까? 편집 : …

115 css  html  stack  css-float 

<ul>요소 내에서 행 사이의 수직 간격은 분명히 line-height 속성으로 형식을 지정할 수 있습니다. 내 질문은 <ul>요소 내 에서 목록 항목 사이의 세로 간격을 어떻게 설정합니까?

115 html  css  html-lists 

CSS :hover 만 사용 하는 것과 반대로 할 수있는 방법이 있습니까? 에서와 같이 : if :hoveris on Mouse Enter,에 상응하는 CSS가 on Mouse Leave있습니까? 예: 목록 항목을 사용하는 HTML 메뉴가 있습니다. 항목 중 하나를 가리키면에서 #999까지 의 CSS 색상 애니메이션이 있습니다 black. 어떻게 그 반대의 효과를 만들 수 있습니다 때부터 …

115 css  hover 

나는 이것에 약간 붙어 있었고 이것을 공유 할 것이라고 생각했습니다 position: sticky+ flexbox gotcha : 내 고정 div는 내 뷰를 플렉스 박스 컨테이너로 전환 할 때까지 잘 작동했고 갑자기 div가 플렉스 박스 부모에 래핑되었을 때 고정되지 않았습니다. .flexbox-wrapper { display: flex; height: 600px; } .regular { background-color: blue; } .sticky …

115 css  flexbox  css-position  sticky 

널리 사용되는 모든 이메일 클라이언트에서 제대로 표시되는 HTML 이메일을 만들려고합니다. 전체 이메일을 표로 포장하고 있으며 너비가 사용 가능한 너비의 최대 98 %이지만 800 픽셀을 넘지 않도록하고 싶습니다. 이렇게 : <table style="width:98%; max-width:800px;"> 하지만 이 Outlook 2007 에 따르면 CSS 너비 속성을 지원하지 않기 때문에 그렇게 하지 않습니다. 대신 다음과 같이합니다. …

114 html  email  html-email  css 

내 질문은 : 대상 RGB 색상이 주어지면 CSS 필터#000 만 사용하여 검정색 ( )을 해당 색상으로 다시 칠하는 공식은 무엇 입니까? 답변이 수락 되려면 대상 색상을 인수로 받아들이고 해당 CSS filter문자열을 반환하는 함수 (모든 언어)를 제공해야 합니다. 이에 대한 컨텍스트는 background-image. 이 경우 KaTeX에서 특정 TeX 수학 기능을 지원하기위한 것입니다 …

114 javascript  css  math  algebra  css-filters 

CSS 플렉스 박스 모델을 사용하여 이미지가 종횡비를 유지하도록 강제 할 수 있습니까? JS Fiddle : http://jsfiddle.net/xLc2Le0k/2/ 컨테이너의 너비를 채우기 위해 이미지가 늘어나거나 줄어 듭니다. 괜찮습니다.하지만 이미지 비율을 유지하기 위해 높이 를 늘리거나 줄일 수도 있습니까? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> …

114 html  css  flexbox 

인라인 스타일 속성 값으로이 요소를 선택하는 CSS 선택기가 있습니까? <div style='display:block'>...</div> 뭔가 div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

어떻게 중앙 않는 div부모의 내부에 수평 div으로 CSS? <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div> </div>

114 html  css