1, CSS 기술 소개
CSS는 Cascading Style Sheet의 약어입니다. "Cascading Style Sheets"로 번역되었습니다. 웹 페이지 스타일을 (향상된) 제어하고 웹 콘텐츠에서 스타일 정보를 분리하는 데 사용되는 마크업 언어입니다. CSS 스타일을 사용하면 HTML만으로는 제어할 수 없는 많은 속성을 제어할 수 있습니다. HTML은 마크업 언어입니다. HTML 웹 페이지가 브라우저에서 열리면 브라우저는 웹 페이지의 HTML 태그를 읽고 내장된 구문 분석 규칙에 따라 웹 페이지 요소를 렌더링합니다. CSS(Cascading Style Sheets)는 브라우저가 HTML 요소의 표현을 설명하는 방법을 결정합니다. 즉, CSS는 HTML 요소를 설명하는 규칙입니다. CSS의 최신 버전은 CSS3입니다. CSS는 다양한 사용자의 이해 능력에 따라 작성 방법을 단순화하거나 최적화할 수 있습니다.
CSS Cascading Style Sheets는 웹 콘텐츠의 모양을 제어하는 일련의 서식 규칙입니다. CSS를 사용하여 페이지 형식을 지정하면 콘텐츠와 프레젠테이션을 분리할 수 있습니다. 웹 페이지의 콘텐츠(즉, HTML 코드)는 HTML 파일 자체에 있는 반면, 코드 표시를 정의하는 CSS 규칙은 다른 파일(외부 스타일 시트)이나 HTML 문서의 다른 부분( 일반적으로 파일 헤더) . CSS를 사용하면 정확한 레이아웃 위치 지정부터 특정 글꼴 및 스타일까지 특정 페이지 모양을 보다 유연하게 제어할 수 있습니다.
CSS를 사용하면 HTML이 자체적으로 제어할 수 없는 많은 속성을 제어할 수 있습니다. 예를 들어 선택한 텍스트에 대해 다양한 글꼴 크기와 단위(픽셀, 포인트 등)를 지정할 수 있습니다. 글꼴 크기는 CSS를 통해 픽셀 단위로 설정할 수 있으므로 여러 브라우저에서 페이지 레이아웃과 모양에 대한 보다 일관된 접근 방식을 보장합니다. 텍스트 서식 지정 외에도 CSS를 사용하여 웹 페이지에서 블록 수준 요소의 서식 지정 및 위치 지정을 제어할 수도 있습니다. 예를 들어 블록 수준 요소의 여백과 테두리, 다른 텍스트 주위에 떠 있는 텍스트 등을 설정할 수 있습니다.
CSS 서식 지정 규칙은 선택기와 선언으로 구성됩니다. 여기서 선택기는 서식 지정 요소(예: p, h1, 클래스 이름 또는 ID)를 식별하는 용어이고 선언은 요소 스타일을 정의하는 데 사용됩니다.
CSS의 가장 큰 장점은 편리한 업데이트 기능을 제공한다는 것입니다. 웹 사이트를 디자인할 때 CSS 스타일 시트 파일을 만든 다음 웹 사이트의 모든 웹 페이지를 스타일 시트 파일에 연결할 수 있습니다. 이렇게 하면 웹 사이트 내의 모든 웹 페이지에 일관된 모양과 스타일을 쉽게 제공할 수 있습니다. 스타일 속성이 업데이트되면 해당 스타일을 사용하는 모든 웹 페이지의 형식은 페이지별로 수정할 필요 없이 자동으로 새 스타일로 업데이트됩니다.
2, 웹 디자인에 일반적으로 사용되는 CSS 속성
텍스트 또는 요소의 색상
배경 색상
배경 이미지
글꼴 글꼴 계열
텍스트 크기 글꼴 크기
목록 스타일 목록
마우스 스타일 커서
테두리 스타일 테두리
내부 패딩
여백
