- 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

최근 게시물

[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. 개요 리눅스 서버를 운영할 때 사용자 계정 생성, 비밀번호 설정, 권한 부여, 계정…

%일 전

[Linux] Rocky Linux 9.5 Chrony로 시간 동기화 설정하기

https://youtu.be/Gvp2XwBfoKw 1. 개요 리눅스 서버에서는 시스템 시간(OS 시간) 과 하드웨어 시간(RTC, Real-Time Clock) 을 동기화하는 것이 매우 중요합니다. 클러스터…

%일 전

[Linux] Rocky Linux 9.5 리눅스 시간 관리 입문: 하드웨어(RTC)와 시스템(OS) 시간 개념부터 동기화까지

https://youtu.be/pt9qhawl8LY 1. 개요 리눅스 서버에서는 시스템 시간(OS 시간) 과 하드웨어 시간(RTC, Real-Time Clock) 을 모두 관리할 수 있습니다. 운영체제의…

%일 전

[Linux] Rocky Linux 9.5 타임존(Timezone)이 뭐예요? 리눅스 시간 확인과 변경 방법

https://youtu.be/iPdHGXh7DUg 1. 개요 서버 운영 시 시스템 시간이 올바르게 설정되어 있지 않으면 로그 분석, 모니터링,…

%일 전