We have created a awesome theme
Far far away,behind the word mountains, far from the countries

CUSTOMER > HTML/CSS

디자인 매뉴얼

HTML/CSS

카테고리 CSS
제목 ■ CSS 소스정리

CSS 소스 정리

 rgba(빨강,초록,파랑,투명도); color: rgba(255,255,255,0.8);
 color: hsl(색상,채도,명도);  색상 : 0~359  /  투명도 0~1.0
 color: hsla(색상,채도,명도);  채도 0~100 / 명도 0~100
 line-height:줄높이 (줄간격을 조절한다.)  line-height:1.7;    ---> 글자크기 X 1.7 = **px
 letter-spacing:문자간격 (문자와 문자사이 간격(커닝) 조정)  letter-spacing: 20px;
 text-decoration:underline;  텍스트 아래 선긋기
 text-decoration:line-through;  텍스트선 (중앙) 선긋기
 <mark>형광펜효과를 넣고 싶다.</mark>  mark {background:rgba(R,G,B,투명도);}  --> CSS 정의
 ::first-letter (첫머리 글자 크게)
   float: left 또는 right 또는 none;
   padding: 상 우 하 좌;
   line-heignt: 줄간격
   font-size: 폰트크기;
   font-weight: bold; 폰트 굵게 하기		  .lead::first-letter{
   float:left;
   padding:0.05em 0.05em 0 0;
   line-heignt:0.95em
   font-size:4.1em;
   font-weight:bold;
}
 <dl><dt><dd>


 overflow:hidden;  --> 플로를 해제한다.


 단어 : 단어설명		  dl {
   overflow:hidden;
  }
 dt {
   float:left;
   font-weight:bold;
  }
 dd{
   margin:0 0 1em 0;
  }
 <ul> <li>
 disc     점모양
 circle    흰색원모양
 square  사각모양
 none    표시하지 않음
 list-style: url (이미지명);		   list-style:리스트 앞에 표시될 모양;
.list {
   list-style:circle;
  }

<ul class="list"><li>
 background-attachment: 배경 그림의 고정;  background-attachment: fixed;
 linear-gradient(시작색,종료색);  linear-gradient(#ff0000,#fff000);  --> 페이지위에 그라데이션을 깔때 사용
 table {boder-collapse: collapse;}
 td:nth-child(4),td:nth-child(6) {text-align:right;}
 tbody tr:nth-child(2n) {background: #eeeeee}		  table {boder-collapse: collapse;} --> 셀과 셀사이 선으로 구분
 td:nth-child(4),td:nth-child(6) {text-align:right;}  -->4,6번째 오른쪽 정렬
 tbody tr:nth-child(2n) {background: #eeeeee}  -> 가로 2번째줄이면 배경색 넣기