- PROGRAMMING

[CSS] CSS(Cascading Style Sheets) 란?





CSS(Cascading Style Sheets) 란?

  • 웹 페이지의 디자인(스타일)을 지정하는 언어입니다.
  • HTML이 **웹 페이지의 구조(Structure)**를 담당한다면, CSS는 **디자인(색상, 크기, 레이아웃 등)**을 담당합니다.



CSS의 역할

  1. 웹 페이지 스타일 지정
    • 색상, 폰트, 배경, 간격, 테두리 등의 스타일을 적용
  2. 레이아웃 조정
    • 화면 크기에 따라 요소의 배치를 조절
  3. 반응형 디자인 지원
    • 다양한 화면 크기(PC, 태블릿, 모바일)에 적응 가능
  4. HTML 코드와 스타일 분리
    • 디자인을 별도의 CSS 파일에 저장하여 HTML 코드의 가독성을 향상



CSS 기본 문법

CSS의 기본 문법은 **선택자(selector)와 속성(property), 값(value)**으로 구성됩니다.


선택자 {
    속성: ;
}


h1 {
    color: blue;  /* 글자 색상 변경 */
    font-size: 24px; /* 글자 크기 변경 */
}



seuheu

최근 게시물

[Raspberry Pi] OpenMediaVault 설치하기 | 10분 만에 NAS 구축

https://youtu.be/hlBddMVRL9Q 1. 개요 OpenMediaVault(OMV)는 Debian 기반의 오픈소스 NAS(Network Attached Storage) 운영체제로, 웹 브라우저를 통해 스토리지,…

%일 전

[Raspberry Pi] Raspberry Pi OS Lite 설치 방법 (Raspberry Pi Imager 사용)

https://youtu.be/iCUa8Ua8fIg 1. 개요 Raspberry Pi OS Lite를 Raspberry Pi Imager를 이용하여 설치하는 방법을 설명합니다. 2.…

%일 전

[CKA] Certified Kubernetes Administrator 합격 후기 (90점 합격)

안녕하세요.이번에 CKA(Certified Kubernetes Administrator) 시험에서 90점으로 합격했습니다. (합격 기준 66점) 합격 자체도 기뻤지만, 이번 시험을 준비하면서…

%일 전

[Linux] Rocky Linux 9.5 NFS 구성 및 테스트 가이드 (rw/ro + root_squash 비교)

https://youtu.be/n8-wlkZiqio 1. 개요 NFS(Network File System)를 설치하고, rw/ro 및 root_squash 옵션에 따른 접근 제어와 성능을 테스트하는 방법을 정리한 가이드입니다.…

%일 전

[Linux] Rocky Linux 9.5 Cron 설정 및 테스트 방법

https://youtu.be/4MVxzmepY3s 1. 개요 리눅스에서 정기적으로 실행되는 작업(백업, 로그 정리, 모니터링 등)은 cron 서비스를 통해 자동화할 수 있습니다.…

%일 전

[Linux] Rocky Linux 9.5 계정 관리 (생성 · 권한 · 잠금 · 삭제) 정리

https://youtu.be/vPfxWFBE1yc 1. 개요 리눅스 서버를 운영할 때 사용자 계정 생성, 비밀번호 설정, 권한 부여, 계정…

%일 전