블로그
-
CSS 다크모드 테마 light-dark contrast-color 스타일쿼리 최신 기능 정리
CSS 다크모드 테마 구현은 이제 자바스크립트 상태 관리 없이도 light-dark(), contrast-color(), @container style() 조합만으로 꽤 정교하게 만들 최근 CSS 기능들을 조합하면 생각보다 훨씬 선언적이고 깔끔한 구.......
blog.naver.com · 2026.06.25
-
[CSS]스크롤바 관련 태그
스크롤바 숨기기 웹 디자인상 스크롤 기능은 작동하되, 오른쪽이나 아래에 생기는 스크롤바를 보이지 않게 할 때 세트로 사용 -ms-overflow-style: auto: 시스템 기본 크롬/사파리/최신 엣지(Blink 엔진)에서는 CSS 속성이 아니라 가상 요소 선택자를 사용함 ::webkit-scrollbar { display: none; } (숨기기) ::webkit-scrollbar-thumb
blog.naver.com · 2026.03.19
-
[서평] Rich Finelli, CSS 마스터
"Mastering CSS"의 핵심 주장 및 근거 도서 "Mastering CSS"의 핵심 주장은 CSS가 단순한 웹 스타일링을 넘어 고성능, 유지보수 용이성 및 반응성을 보장하는 Cascading Style Sheets, 즉.......
blog.naver.com · 2025.10.29
-
반응형 웹을 만드는 방법
그럴 때 글로벌 설정을 담은 css 파일에 폰트 사이즈의 기본 설정을 해주시면 됩니다. html { font-size: 62.5% } 브라우저의 기본 폰트 크기는 16px 입니다. 루트 html 설정의 폰트크기를 기준으로 하고 싶기 때문에 rem 단위를 사용하면 됩니다. 15px 텍스트를 렌더링하고 싶으면 style 속성을 1.5rem으로 주면 됩니다.
blog.naver.com · 2025.03.19
-
HTML CSS 간단요약! 이것이면 충분해?
CSS(Cascading Style Sheets) CSS는 스타일을 만들어 주는 디자이너 역할을 합니다. 폰트, 색상, 레이아웃 등 다양한 시각적인 요소를 담당하죠. 1. CSS 선택자(Selectors) 선택자는 CSS 규칙을 적용할 HTML 요소를 지정하는 방법입니다.
blog.naver.com · 2024.08.26
-
HTML head Elements - 해드 요소 간단설명
. * CSS(Cascading Style Sheets)는 웹 페이지의 외형을 정의하고 스타일을 적용하는 데 사용되는 언어입니다.
blog.naver.com · 2024.08.26
-
프론트엔드 백엔드 차이점_KIC캠퍼스 강남학원
사용자 인터페이스(UI)와 사용자 경험(UX)을 만들어내며, HTML, CSS, JavaScript 등의 기술을 사용합니다. CSS(Cascading Style Sheets): HTML로 작성된 콘텐츠의 스타일을 정의하여 디자인을 꾸밉니다.
blog.naver.com · 2024.04.15
-
[CSS]선택자
#CSS 안녕하세요 이웃님들!! 오늘은 오랜만에 CSS에 대해 포스팅 하려고 합니다. 오늘 학습 할 내용은 CSS의 선택자인데요. 전 포스팅에서 배웠듯 CSS 는 HTML을 꾸며주는 역할을 하기에 태그 등을 통해 id값이나 어떤 파트를 html에서 나누면 그 파트에 해당하는 부분을 css에서 지정을 해서 꾸미는
blog.naver.com · 2023.06.20
-
[CSS]기본 개념
#html #CSS #javascript 안녕하세요 이웃님들!! 금일은 CSS의 기본 개념에 대해 알아보고자합니다. 영어로는 Cascading style sheet 라고 합니다. 그러면 이 css가 어떻게 쓰이는지 한 번 확인 해 볼까요? 위와 같이 태그 안에
blog.naver.com · 2023.06.18
-
Google 코드에 사용하는 스타일 가이드라인
Lisp Style Guide C++ Style Guide C# Style Guide Go Style Guide HTML/CSS Style Guide JavaScript Style Guide Java Style Guide Objective-C Style Guide Python Style Guide R Style Guide Shell Style Guide Swift
blog.naver.com · 2023.02.14
블로그 결과 더보기 →