CSS 정의 (2)

내부 정의

html파일 내부에 head와 body부분에 코드를 적어 스타일을 적용

< html >
< head>
< style >
p, h1 {
color : red;
text-align : center;
}
< /style >
< /head >
< body >
< P > 여기에 색과 위치가 바뀜 < /p >
< h1 > 여기도 바뀜 < /h1 >
< /body >
< /html >

외부 정의

외부에 CSS파일을 만들어 link로 끌어와서 쓰는 방식

< link rel="stylesheet" href="가져오고자 하는 링크.css">

inline 정의

지정하고자 하는 색과 정렬같은 것을 head에 정의 하는것이 아닌 각 줄마다 따로 지정하여 직접적으로 한개의 코드의 색을 지정할 수 있다.

*inline으로 정의하는 방법은 스타일시트의 많은 장점을 잃기 떄문에 웬만하면 사용 X

h1 다음에 색과 정렬이 다른 코드에는 영향이 미치지 않고 변경 가능
< h1 style="color:blue;text-align:center;"> 이 줄만 바뀜 < /h1 >