Develop+

CSS 란? CSS 기본형식, 적용 방법 본문

CSS

CSS 란? CSS 기본형식, 적용 방법

Sunny Buddy 2020. 12. 17. 10:49
728x90

CSS(Cascading Style Sheet)란? 

스타일 시트는 정해진 속성들로 웹 페이지를 꾸미는 언어입니다. 

Stylesheet는 웹 페이지에서 반복적으로 쓰는  style을 모아 놓은 것 입니다.

스타일 기본 형식

p {background-color :  red;}

선택자   style속성     속성 값 

 

Html 태그를 선택자로 선택 후 style속성명을 작성하고 속성 값을 넣어줍니다.

CSS 적용

내부 스타일 시트

지정하고자 하는 html파일의 head안에 style 태그를 넣어 내부에 스타일을 정의한다.

<style>
	p {text-align : center;}
</style>

외부 스타일 시트

<link>태그를 이용하여 head 태그 안에서 css 파일을 읽어와서 스타일 적용

<link href="css 파일 경로" rel="stylesheet" type="text/css">

인라인 스타일 시트

태그 내부에 개별로 스타일 정보를 지정하는 방법

<html>
    <head></head>
    <body>
    	<p style="스타일정보; color: orange; text-align: center;">
    </body>
</html>
728x90

'CSS' 카테고리의 다른 글

CSS프리프로세서  (0) 2021.06.17
'CSS' Related Articles more