html 공부 4 (들여쓰기,뒷 배경설정,외부스타일시트)

들여쓰기 text-indent: ~

뒷 배경 색 바꾸기: background-color : ~

 

뒷 배경 이미지 설정: background-image: url(이미지 주소);

 

근데 이렇게 되면 사진이 반복됨: background-repeat : no-repeat;

 

배경 이미지가 원본 그대로 되어 꽉차지 않거나 넘어버림: background-size : cover;

 

외부스타일 시트

 

css를 html에 넣는 방법에는 세가지가 있다

 

1. 인라인 방식

이 방식은 태그 내에 직접 넣는 방법으로 써 <p style="color:red;"> 이런 식으로 사용된다.

2. 내부스타일 시트

이 방식은 따로 head에 분리해 놓은 style태그 안에 적용하고 싶은 태그/클래스/아이디 를 지정

( 태그면 그냥 그 태그{속성명:속성값}/클래스면 .클래스명 {속성명:속성값}/ 아이디면 #아이디명{속성명:속성값} )

속성명, 속성값을 설정해주는 방식이다.

3. 외부스타일 시트

css파일을 따로 만들어서 적용하고 싶은 속성명, 속성값을 저장해둔 뒤에 head 부분에 <link href="css파일명" rel="관게명" type="타입명/css" 이런식으로 css을 html로 가져오는 방식이다. 추후에 페이지를 만들때 가장 많이 쓰이게 될 방법이라고 한다.