CSS
-
position:absolute 인 요소를 중앙에 위치시키는 방법Study/css 2020. 6. 19. 12:33
css 를 하다보면 position을 사용해야할 때가 있다. 그런데 position은 위치를 위, 아래 , 오른쪽, 왼쪽 하나하나 지정을 해줘야해서, 내가 원하는 위치에 둘 수는 있지만 정 가운데 두고 싶을 때에는 어렵다...ㅋㅋㅋ 이럴때, 중앙정렬 하는 방법! .title {position:absolute; left;50%; transform:translateX(-50%);} 화면의 전체 가로 수치에서 절반 만큼의 위치로 이동 시킨다. (left:50%) 자신의 가로 수치의 절반 만큼 마이너스 이동 시킨다. (transform:translateX(-50%)) 참조:http://blog.freezner.com/archives/1877
-
:not ()Study/css 2020. 6. 13. 12:16
부정(negation) CSS 가상 클래스 :not(X)는 인수로 간단한 선택자(selector) X를 취하는 기능 표기법이다. X는 다른 부정 선택자를 포함해서는 안 된다. 구문 :not(selector) { style properties } 예제 //index.html Some text. Some other text. One more text //index.css p:not(.classy) {color: red;} body:not(p) {color: green;} 위의 css 및 html이 주어진다면, 이 같은 출력을 얻습니다: Some text. Some other text. One more text 출처 : https://developer.mozilla.org/ko/docs/Web/CSS/:not