20220620_[Pre-course] HTML/CSS #01 ~#18 block,inline,inline-block과 그 외 알게된 내용

1)  display 속성

https://i-c-a-n-d-o.tistory.com/134

((CSS)) display속성의 block,inline,inline-block의 차이점

 

2)  들여쓰기와 스페이스

들여쓰기

.클래스이름 {
  text-indent:50px;
}

text-indent 속성을 이용하여 css로 들여쓰기를 할 수 있다.

 

스페이스

스페이스 10개를 직접 타이핑해도 화면에는 하나의 스페이스만 적용이 된다. 이럴때는 ' '를 사용한다.

 

3)  밑줄

태그 {
	text-decoration: underline;
}

태그에 밑줄을 적용하는 방법이다. 하지만 밑줄의 두께나 색깔, 스타일 등을 커스터마이징하기 어렵다. 이럴때에는 border-bottom을 사용하여 원하는 스타일을 구현할 수 있다.