«css» 태그된 질문

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

7
display : inline-flex와 display : flex의 차이점은 무엇입니까?
ID 래퍼 내에서 요소를 세로로 정렬하려고합니다. display:inline-flex;ID 래퍼가 플렉스 컨테이너이므로이 ID에 속성 을 부여했습니다 . 그러나 프레젠테이션에는 차이가 없습니다. 래퍼 ID의 모든 내용이 표시 될 것으로 예상했습니다 inline. 왜 그렇지 않습니까? #wrapper { display: inline-flex; /*no difference to display:flex; */ } <body> <div id="wrapper"> <header>header</header> <nav>nav</nav> <aside>aside</aside> <main>main</main> <footer>footer</footer> </div> …
331 css  flexbox 
14
텍스트에 대한 개요 효과
CSS에서 다른 색상으로 텍스트에 개요를 제공하는 방법이 있습니까? 이름, 링크 등보다 직관적으로 만들기 위해 텍스트의 일부를 강조하고 싶습니다. 링크 색상 변경 등은 오늘날 일반적이므로 새로운 것을 원합니다.
329 css 
7
간격이 동일한 DIV의 유체 폭
유체 너비 컨테이너 DIV가 있습니다. 이 안에는 300px x 250px의 4 개의 DIV가 있습니다 ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> 내가 일어나고 싶은 것은 상자 1이 왼쪽에 떠 있고 상자 4가 오른쪽에 떠 있고 상자 2와 3이 균등하게 간격을 두는 …
329 html  css  fluid-layout 
8
요소에서 여러 CSS 전환을 수행하는 방법은 무엇입니까?
꽤 간단한 질문이지만 CSS 전환 속성에 대한 훌륭한 문서를 찾을 수 없습니다. CSS 스 니펫은 다음과 같습니다. .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color …
24
CSS (자바 스크립트)에 따라 색상을 밝거나 어둡게 동적으로 변경
우리는 사이트에 큰 응용 프로그램이 있으며 몇 가지 링크가 있습니다.이 사이트의 파란색 링크와 같은 파란색을 가정 해 봅시다. 이제 다른 링크를 만들고 싶지만 더 밝은 색상입니다. 분명히 CSS 파일에 16 진수 코드를 추가하여 간단하게 수행 할 수 있지만 사이트에서 사용자 정의 프로파일 / 사이트 (예 : Twitter)에 대해 원하는 색상을 …
322 css 
15
부트 스트랩 4의 수직 정렬 센터
Bootstrap 4를 사용하여 페이지 중간에 컨테이너를 가운데에 배치하려고합니다. 지금까지 실패했습니다. 도움을 주시면 감사하겠습니다. Codepen.io 에서 빌드 했으므로 게임을하고 아이디어가 무엇인지 알 수 있습니다. 코드 스 니펫 표시 var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { …
3
CSS에서 방사형 메뉴 만들기
다음과 같은 메뉴를 만들려면 어떻게해야합니까? PSD에 연결 PSD 이미지를 사용하고 싶지 않습니다. FontAwesome 과 같은 일부 패키지의 아이콘을 사용 하고 CSS에서 배경 / css를 생성 하는 것을 선호합니다 . PSD를 사용하여 툴팁의 이미지를 생성 한 다음 사용하는 메뉴 버전은 여기 에서 찾을 수 있습니다 .
321 css  tooltip  css-shapes 
12
이 CSS 마진 스타일이 작동하지 않는 이유는 무엇입니까?
다른 div 내부의 div에 여백 값을 추가하려고합니다. 최고 값을 제외하고는 모두 잘 작동하지만 무시되는 것 같습니다. 그런데 왜? 내가 기대 한 것 : 내가 얻는 것 : 암호: #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px …
321 html  margin  css 
21
텍스트를 CSS로 바꾸려면 어떻게해야합니까?
다음과 같은 방법을 사용하여 텍스트를 CSS로 바꾸려면 어떻게해야합니까? .pvw-title img[src*="IKON.img"] { visibility:hidden; } 대신에 ( img[src*="IKON.img"] ) 대신 텍스트를 대신 할 수있는 것을 사용해야합니다. [ ]작동 시키려면 사용해야 합니다. <div class="pvw-title">Facts</div> " Facts " 를 교체해야합니다 .
321 css  text  replace 
4
HTML5 테이블에서 cellpadding, cellspacing, valign 및 align을 대체하는 것은 무엇입니까?
에서 비주얼 스튜디오 , 나는이 경고를보고 있어요 : 유효성 검사 (HTML 5) : 'cellpadding'속성이 'table'요소의 올바른 속성이 아닙니다. 유효성 검사 (HTML 5) : 'cellspacing'속성이 'table'요소의 올바른 속성이 아닙니다. 유효성 검사 (HTML 5) : 'valign'특성이 'td'요소의 올바른 특성이 아닙니다. 유효성 검사 (HTML 5) : 'align'특성이 'td'요소의 유효한 특성이 아닙니다. HTML5 에서 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.