span 태그는 정렬이 되지 않는다. 해당 태그가 차지하고 있는 부분을 확인하면 된다.
들여쓰기가 되어 있습니다.
밑줄은 커스터마이징을 쉽게 하기 위해 보통 border-bottom 으로 구현합니다.
아래와 같이 띄어쓰기로 하위 태그에 적용되는 것을 표현할 수 있습니다.
.a div .b .pre span {
background-color: yellow;
}
comma(,)를 사용해서 여러개의 selector 에 적용할 수 있습니다.
이 우선순위는 점수 계산으로 이루어집니다.
inline styling(13줄에 style 요소로 직접): 1000점
id: 100점
class: 10점
tag: 1점
p태그 안에 h1 넣었다가 해결하는데 오래걸렸습니다.
p태그 안에 block-level-element 를 넣을 수 없습니다.