프로그래밍/CSS
01 CSS란?
윤지(●'◡'●)
2021. 4. 24. 20:08
728x90
반응형
CSS(Cascading Style Sheets)란?
CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어이다.
HTML이 정보를 표현하는 언어라면, CSS는 HTML문서를 시각적으로 꾸며주는 역할을 하는 언어이다.
CSS의 문법
선택자 { 속성명: 속성값; 속성명: 속성값 ... }
위와 같은 문법을 사용하며, 바로 예시로 살펴 보자 :)
[예시]
h2 { text-align: center; font-size: 50px; color:red;}
p { text-align: center;}해석 : h2태그의 text를 가운데정렬, 폰트 사이즈는 50px, 색깔은 빨강으로 변경하기
p태그의 text를 가운데정렬
[적용하기]
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS란</title>
<style>
h2 { text-align: center; font-size: 50px; color:red;}
p { text-align: center;}
</style>
</head>
<body>
<h2>CSS란</h2>
<p>HTML이 정보를 표현하는 언어라면, CSS는 HTML문서를 시각적으로 꾸며주는 역할을 하는 언어이다.</p>
</body>
</html>
[결과]
CSS의 주석
/*
여러줄 주석문을
작성할 수 있어요.
*/
/*한줄도 가능*/
출처 : http://www.tcpschool.com/
열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다.
수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 <(＿＿)>
728x90
반응형