- 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 KVM virt-manager를 이용한 Windowws 11 설치 가이드(VirtIO)

https://youtu.be/nNDRk8bt3c4 1. 개요 virt-manager를 사용하여 KVM/QEMU 가상화 환경에서 Windows 11을 설치하는 방법을 소개합니다. 설치 과정에서는 virtIO…

%일 전

[Windows] Windows 11 24H2 설치 가이드

https://youtu.be/YL23ogmZhuY 1. 개요 이 문서에서는 Windows 11 24H2 버전 설치 방법에 대해 설명합니다. USB 설치 디스크를…

%일 전

[Linux] Rocky Linux 9.5 KVM virt-install로 KVM 가상 머신 생성(CLI)

https://youtu.be/Nm9swsyeXlY 1. 개요 virt-install 명령어를 이용해 Rocky Linux 9.5 기반 KVM 가상 머신을 생성하는 방법을…

%일 전

[Linux] Rocky Linux 9.5 KVM virt-manager로 KVM 가상 머신 생성(GUI)

https://youtu.be/zZQl7OJZf7Q 1. 개요 virt-manager를 이용하여 KVM 가상 머신을 생성하는 방법을 설명합니다. Rocky Linux 9.5 ISO…

%일 전

[Linux] Rocky Linux 9.5 KVM 설치

https://youtu.be/UPeCJbP3UIE 1. 개요 KVM 기반의 가상화 시스템 설치하는 방법을 소개합니다. 2. 버전 Rocky Linux 9.5…

%일 전

[Linux] Rocky Linux 9.5 nmcli로 이중화(Bonding) 구성

https://youtu.be/wqTxt1H31y4 1. 개요 서버에 2개 이상의 NIC(Network Interface Card)가 있을 때, 고가용성과 장애 대응을 위해…

%일 전