CSS 가이드
CSS - Cascading Style Sheets
CSS는 HTML 요소를 표시하는 방법을 정의합니다.
CSS는 HTML 요소의 시각적 스타일(모양, 레이아웃, 색상, 글꼴)을 설명합니다.
CSS는 별도로 설계된 파일입니다(따라서 HTML의 유연성을 크게 높이고 HTML의 복잡성을 줄입니다).
CSS는 간단하고 배우기 쉽습니다. HTML 요소를 선택기로 처리하고 중괄호 안에 스타일 속성을 나열할 수 있습니다.
CSS 예제
body
{
Background-color:#d0e4fe;
}
h1
{
color:orange
text-align; :center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
{
Background-color:#d0e4fe;
}
h1
{
color:orange
text-align; :center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
사용해 보세요»
온라인 예를 보려면 "사용해 보세요" 버튼을 클릭하세요
스타일 시트는 작업 효율성을 크게 향상시킵니다.
스타일 시트는 HTML 요소를 표시하는 방법을 정의합니다. HTML 3.2와 같은 스타일의 글꼴 태그 및 색상 속성은 일반적으로 외부 .css 파일에 저장됩니다.
외부 스타일 시트를 사용하면 간단한 CSS 문서를 편집하여 사이트의 모든 페이지 레이아웃 모양을 동시에 변경할 수 있습니다.
CSS는 여러 페이지의 스타일과 레이아웃을 동시에 제어할 수 있다는 점에서 웹 디자인 분야의 획기적인 발전이라고 할 수 있습니다. 웹사이트 개발자는 각 HTML 요소의 스타일을 정의하고 이를 원하는 만큼 많은 페이지에 적용할 수 있습니다. 전역 변환을 수행하려면 스타일을 변경하기만 하면 사이트의 모든 요소가 자동으로 업데이트됩니다.
또 다른 CSS 예제
CSS를 배우는 방법?
완전한 CSS 튜토리얼을 공부하세요
완전한 CSS 참조 매뉴얼을 공부하세요
