디자인킷 · 띠
띠 · 용어 풀이 한 줄
D-띠-용어풀이
언제 쓰는가
장에 처음 나오는 지표나 용어를 본문 아래에 한 줄로 풀어 줄 때. 용어 8자 이내, 풀이 45자 이내, 산식 24자 이내(없으면 생략). 값 바꾸는 법: b=용어, p=풀이 한 줄, code=산식(없으면 code 를 지운다).
참고
직접 제작. 보고서 각주와 용어 설명 상자 표기를 참고.
조각
<div class="dk dks dks-term"><b>전환율</b><p>광고를 클릭한 사람 가운데 구매나 상담 신청까지 마친 사람의 비율</p><code>전환 수 ÷ 클릭 수 × 100</code></div>
스타일
.dks-term{border-top:1px solid var(--line2);padding-top:7px;min-height:44px;display:flex;align-items:center;gap:18px}
.dks-term > b{flex:none;font-size:var(--f-body);font-weight:700;color:var(--ac)}
.dks-term p{flex:1;min-width:0;margin:0;font-size:var(--f-sm);color:var(--ink2)}
.dks-term code{flex:none;font-family:inherit;font-size:var(--f-cap);color:var(--ink);background:var(--soft);border-radius:4px;padding:4px 12px;white-space:nowrap}