- 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란 무엇인가?

1. 개요 Rocky Linux는 엔터프라이즈 환경에서 사용되는 RHEL(Red Hat Enterprise Linux)과 완전히 호환되는 오픈소스 Linux…

%일 전

[Hardware] Supermicro IPMIView 설치 및 사용법

https://youtu.be/XwG4jBWakzQ 1. 개요 Supermicro IPMIView는 Supermicro에서 제공하는 IPMI (Intelligent Platform Management Interface) 기반의 통합 관리…

%일 전

[Rocky 8.10] KVM NIC Bonding + Bridge 구성하기

1. 개요 이 문서는 두 개의 NIC (enp5s0f0, enp5s0f1)를 bonding(active-backup) 방식으로 구성하고, 해당 bond 장치를 브리지(br0) 와 연결하여 KVM 가상머신에서…

%일 전

[Rocky] KVM에서 NVIDIA GPU Passthrough 시 RmInitAdapter failed 오류 해결하기

1. 개요 KVM에서 NVIDIA GPU를 Passthrough 설정하여 VM에 할당할 때 RmInitAdapter failed 오류를 자주 접하게…

%일 전

[Proxmox] pGPU와 vGPU 동시 사용 설정

1. 개요 Proxmox에서 pGPU(Physical GPU)와 vGPU(Virtual GPU)를 동일한 서버에서 동시에 사용하는 방법을 정리합니다. 2. 버전…

%일 전

[Proxmox] vGPU 설정

1. 개요 Proxmox에서 vGPU를 설정하는 방법을 정리합니다. 2. 버전 Proxmox 8.2 3. vGPU란? vGPU(Virtual GPU)는…

%일 전