21.07.26

ol : 순위의 의미가 있을때 사용

white-space: nowrap; 줄바꿈 사용 X

text-overflow: ellipsis; 글이 크기를 넘어갈시 ...표시해줌

html 특수문자 사용가능(http://kor.pe.kr/util/4/charmap2.htm 참조)

text-transform: uppercase; 내가 작성한 모든 문자를 대문자로 치환
text-transform: lowercase; 내가 작성한 모든 문자를 소문자로 치환

.webtoon-detail .nav-2 ul li {
	margin-right: 14px;
	padding-bottom: 5px;
	border-bottom: solid 2px transparent;
}

.webtoon-detail .nav-2 ul li.on {
	border-color: #00d564;
	/*border-bottom: solid 2px #00d564;*/
	margin-bottom: -1px;
	font-weight: 700;
}

li태그에서 border-bottom: solid 2px transparent;적용 transparent는 border선을 투명으로 나타내라임 투명인데 왜 굳이 border값을 추가하냐면 맨 처음 요일전체에 border가 들어감으로서 글꼴위치가 서로 틀어지게 됨

그래서 li의 .on클래스에서 border-color: #00d564; border의 색깔만 지정해줌

형제지간사이에 둘다 포지션이 absoution이면 나중에 나오는 형제가 z축 위에 있음

align-items: flex-start : 각각의 개체가 독립적임
align-items: stretch : 각 객체중 높이값이 큰 놈한테 길이가 맞춰짐 (디폴트값)

active : 사용자가 활성화한 요소(버튼 등)를 나타냄