폰트 속성

말자 전체게시물 작성일13-05-02 05:46 조회3,846회

본문

원본 : http://blog.missflash.com/
출처 : MissFlash.com, http://www.missflash.com/

* Font & Color
1. font-family(폰트 종류)
 - font-family: Verdanan, Geneva, Arial, sans-serif;

2. text-decoration
 - none : 아무 효과 없음
 - underline : 밑줄
 - overline : 윗줄
 - line-through : 취소선
 - blink : 사각 테두리(특이함)

3. font-size(폰트 사이즈)
 - px : 문자의 가장 밑에서 가장 위까지의 거리 단위(예 : glass의 경우, g의 아래쪽과 l의 위쪽 사이의 거리)
 - % : 기준이 되는 폰트의 비율
 - em : 기준이 되는 폰트의 크기(예 : 14픽셀)가 있고, 그것을 상속받는 엘리먼트에 대한 상대적인 크기를 1.2em(1.2배 = 17픽셀)와 같이 나타냄
 - keywords : xx-small, x-small, small, medium, large, x-large, xx-large(보통 각각의 크기는 이전  크기보다 120%정도 크고 small 폰트는 약 12픽셀의 높이로 정의 됨
 - 적절한 폰트 설정 방법 : keywords를 이용해 body에서의 기준을 설정하고 나머지는 %나 em을 이용함!
 - h1(200%), h2(150%), h3(120%), h4(100%), h5(90%), h6(60%)의 크기를 가짐, 즉 h4가 body의 크기와 동일함(통상적으로 16픽셀)

4. Color
 - 17가지 색이름 : Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Orange, Purple, Red, Silver, Teal, White, Yellow
 - 오렌지색 : rgb(80%, 40%, 0%), rgb(204, 102, 0), #cc6600 모두 같은 값!
 - 폰트 축약 : #cb0는 #ccbb00과 같다.
 - 온라인 웹 챠트 : http://www.urlclip.net/web_colors

5. XHTML 관련 팁
 - 삭제되어야하는 콘텐츠의 표현 : <del> 태그
 - 추가되어야하는 콘텐츠의 표현 : <ins> 태그

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

Css + Html

113개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 73 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 88 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 114 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 100 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 101 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 145 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 99 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 338 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 119 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 80 추천: 1
103 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 183 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1432 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 1687 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1062 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 관련링크 무료아이콘 전체게시물 01-17 4225 추천: 15
게시물 검색