본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

다크모드1

#검색결과

총 1개를 찾았어요 ^^b

/

CSS를 통해 '다크모드'를 구현해보자! 다크모드? 다크모드는 평소 밝은 디자인이 위주였던 근래(?)의 디자인을 기기의 수명과 사용자의 눈 건강을 위하여 어두운 디자인으로 고려된 모드를 의미하는데요 오늘은 간단한 방법을 통해 각자의 사이트에 손쉽게 적용 할 수 있는 방법을 가져와봤어요! CSS : 적용법 사용자의 모바일/컴퓨터의 시스템 테마에 맞춰 각 css 스타일이 적용될 수 있도록 prefers-color-scheme를 사용합니다. @media(prefers-color-scheme: dark){ background-color: #12121a; /* !important는 사용자 개개인의 적용 가능 여부에 따라 사용하세요 ^^b! */ } CODEPEN : 적용예시 벌써 끝이네요! 생각보다 어려운것이 없습니다. 상단의 css만 적용해준다면 그 ..
2022. 9. 4.
728x90
반응형

#HASH_TAGS

-

1

scroll-snap-type 공부 오징어 한마리 수확 완료! ImageSlideEffect 슬라이드 결과 : 월요일 오늘 조업 마감했습니다. 멈추지 않는 ' j ' 시리-즈 메서드 이건 또 뭐람 오늘도 웹표준은.. 코딩 JQuery 오징어 1Kg 당 3000원 HTML 필터선택자 다크모드 화사한가요? 테스트 테스트테스트 오징어 두마리 포획 완료 숙제가 다양해서 너무 좋아요 scroll-snap-align 제이쿼리 울적하니 꽃을 달아봤습니다 내일은 즐거운 월요일 오늘은 내가바로 오징어! 선택해주세요 Method 코드

티스토리툴바