7. 문구 스타일

1.문구 스타일

문구 스타일에 대해서 알아보도록 하겠습니다.

 

1. 텍스트 정렬

텍스트 정렬은 왼쪽정렬, 가운데정렬, 오른쪽 정렬이 있습니다.

property 이름은 text-align이고 값은 left, center, right입니다.

 

index.css에 특정 클래스이름으로 각각의 정렬 스타일을 작성해두었습니다.

.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}

모든 요소의 기본 정렬은 왼쪽 정렬입니다.

2. indent

css로 들여쓰기도 할 수 있습니다.

.js-description {
  text-indent: 50px;
}

html 코드내에서 스페이스와 엔터를 아무리 추가하여도 실제 결과 화면에서는 적용이 되지 않습니다.

3. blockquote

<blockquote class="js-description">

blockquote 이란 태그는 인용구문을 넣을 때 쓰는 태그입니다.

 

브라우저에서 blockquote태그에 양쪽 여백을 넣는 기본 스타일을 자동으로 적용하였습니다.