[CSS] SD_03 글자 스타일 장식 정렬 글의 간격
2021.07.04
북마크 작성자 정보
작성일/수정일
2021-07-04 22:35:32 / 2021-07-04 22:35:32
CSS
!important 는 line style 보다 우선한다 문서에 한번 적용
장식
<style>
text-decoration:underline;
text-decoration:line-through; /* 세일가 표현 <del></del> 같은효과 */
text-decoration:overline;
</style>
강조
<em></em>, <adress></adress> 기본값은 font-style:italic; (= font-style:oblique; ) 반대 font-style:nomal;
글의간격
letter-spacing : 자간
- photoshop에서 tracking 1000 = 1em
- photoshop 120 = 0.12em
= letter-spacing: 0.12em
word-spacing 단어와 단어 사이간격
line-height: 행간 (한 줄의 높이)
width:300px; height:60; 인 네모 박스에 글자 가로 세로 가운데 정렬
<style>
width:300px;
border-style:solid;
border-width:1px;
border-color:red;
text-align:center;
line-height:60px;
</style>