[TIL] CSS 추가 알아야 할 내용 정리

Hansol Jeong·2022년 2월 15일
0

Pre-course

목록 보기
1/14

span 태그는 정렬 X

span 태그는 정렬이 되지 않는다. 해당 태그가 차지하고 있는 부분을 확인하면 된다.

text-indent : 들여쓰기

blockquote 인용구문 HTML 태그

들여쓰기가 되어 있습니다.

밑줄 표현

밑줄은 커스터마이징을 쉽게 하기 위해 보통 border-bottom 으로 구현합니다.

CSS selector 사용법

아래와 같이 띄어쓰기로 하위 태그에 적용되는 것을 표현할 수 있습니다.
.a div .b .pre span {
background-color: yellow;
}

comma(,)를 사용해서 여러개의 selector 에 적용할 수 있습니다.

selector 우선순위

이 우선순위는 점수 계산으로 이루어집니다.
inline styling(13줄에 style 요소로 직접): 1000점
id: 100점
class: 10점
tag: 1점

p 태그 안에 h1 태그 X!

p태그 안에 h1 넣었다가 해결하는데 오래걸렸습니다.
p태그 안에 block-level-element 를 넣을 수 없습니다.

profile
기록해둡시다

0개의 댓글