프론트엔드/CSS

font, link, 밑줄

dusqo7951 2024. 2. 13. 20:11

font-size : 글자크기

letter-spacing : 자간

width : 단락의 너비

line-height : 줄간격

font-weight : 굵기

color : 글자색

background : 배경색

border(테두리) : 1px(굵기) solid(실선) #ccc(색상);

padding : 테두리와 내용 사이의 패딩 여백

margin : 단락 주변의 마진여백

a:link : 링크 방문전

a:visited : 링크 방문 후

a:hover : 링크에 마우스 올렸을때

a:active : 링크 클릭했을때 상태

white-space: nowrap; : 줄바꿈 없음

overflow: hidden; : 넘치는 부분 감춤

text-overflow: ellipsis; : 말줄임표

overflow: visible; : 넘치는부분 보여줌

text-align: left; : 왼쪽정렬

text-align: right; : 오른쪽 정렬

text-align: center; :가운데정렬

text-align: justify; 양쪽정렬

display:inline; : 인라인레벨 요소로 만듦 - 가로로 배치

float:left; : 왼쪽으로 붙여서 배치