CSS

카테고리 없음

CSS 선택자(.class.class & .class .class)

CSS 선택자(Selector)란? CSS에서 선택자는 스타일을 지정하려는 요소를 선택하는 데 사용되는 패턴이다. 정말 많은 종류의 선택자가 있지만 이번 포스팅에서는 class 선택자에 대해서만 다룰 예정이다. 일반적으로 클래스 선택자로 css 속성을 적용할 때는 하나 혹은 그 이상의 클래스들을 나열해서 사용을 한다. .class1.class2 & .class1 .class2 대부분 위에 적힌 두 가지 방법을 쓰거나 다른 선택자들도 덧붙여서 사용을 할 텐데 위의 선택자간의 차이는 대충 보면 잘 안보일만큼 근소한 띄어쓰기 하나인데 이 띄어쓰기가 꽤나 큰 차이를 만들어 낸다. .class1.class2 띄어쓰기가 없는 첫 번째 형태의 선택자 정의이다. 예시 설명 .name1.name2 클래스 속성 내에 na..

JavaScript

눈누 무료폰트 프로젝트에 적용하기

눈누 라는 굉장히 이쁜 무료 폰트가 많은 사이트를 찾았다. 리액트로 외부 폰트 적용하는 법은 처음이라 구글링을 통해 알아냈고 하고 나면 정말 쉬운데 딱 입맛에 맞는 정보를 주는 블로그가 없는 것 같아 직접 포스팅하려 한다. 우선 아래 사진은 눈누 페이지에 들어가면 바로 보이는 폰트들이다. 대충 봐도 무료가 맞나 싶은 퀄리티다. 여하튼 이중에 맘에 드는 폰트를 하나 골라서 클릭하고 상세페이지로 이동하면 아래의 화면이 보일 것이다. @font-face { font-family: 'twaysky'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff'); font-weight: norm..

개발하길잘햇다
'CSS' 태그의 글 목록