• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
공지

스타일시트의 총정리

오작교 291111

0
===== 스타일시트(css) 정리 =====

속성

의미

Font 속성

Font-size

글자의 크기

Font-family

글꼴의 종류

Font-weight

글자의 두께 - normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

Font-style

글자의 모양 - normal | italic | oblique

color

글자의 색상

(예) .body1 { font-family: "굴림"; font-size: 9pt; font-style: normal; font-weight: bold; color: #9900CC }

Text 속성

Text-decoration

글자를 꾸며주는 방법
- none | [ underline || overline || line-through || blink ]

Block 속성

Text-align

문자열의 수평 정렬 방식 - left | right | center | justify

Line-height

문자열의 줄간격 - normal | 숫자 | 길이 | 퍼센트

(예) .body2 { line-height: 130%; text-decoration: underline; text-align: left}

Background 속성

Background-color

배경색상 - 색이름 | 16진수값 | transparent

Background-image

배경이미지의 URL

Background-repeat

배경이미지가 타일링 되는 방식 - repeat | repeat-x | repeat-y | no-repeat

Background-position

배경이미지가 시작되는 위치 - [퍼센트 | 길이 ]{1,2} | [top | center | bottom] || [left | center | right]

(예) .body3 { background-color: #FFFFFF; background-image: url(img/bg1.gif)undefined; background-repeat: no-repeat; background-position: 0px 0px}

Position 속성

Width, Height

블록의 가로, 세로 길이

Left, Top

블록의 화면에서의 좌표

Position

블록이 화면에 배치되는 위치. 값이 "absolute"면 브라우저 화면, 또는 부모 요소를 기준으로 배치되고, 값이 "relative"면 상대적 배열이 적용된다. - absolute | relative | static

Visibility

요소를 화면에 보일것인가의 여부 - inherit | visible | hidden

Z-index

요소가 상하로 쌓이는 순서

(예) .body4 { position: absolute; visibility: visible; z-index: 10; height: 200px; width: 300px; left: 0px; top: 0px;}


공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 202203
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 287435 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 346488 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 291111 +14
300
normal
오작교 23.12.10.09:32 14332 0
299 Script
normal
오작교 23.12.10.09:29 19470 0
298 CSS
normal
오작교 21.01.09.14:18 40475 0
297 HTML
normal
오작교 15.09.17.08:58 116084 0
296 HTML
normal
오작교 15.09.13.21:38 21387 0
295 HTML
normal
오작교 15.09.13.21:30 24965 0
294 HTML
normal
오작교 15.08.30.12:19 52561 0
293 Script
normal
오작교 15.05.12.14:06 20909 0
292 HTML
file
오작교 12.03.08.13:51 35714 0
291 HTML
normal
오작교 11.06.03.10:44 40519 0
290 CSS
normal
오작교 11.06.03.10:29 70411 0
289 Script
normal
오작교 11.03.22.11:19 43231 0
288 Script
normal
오작교 11.03.22.11:15 37971 0
287 Script
normal
오작교 11.03.22.11:07 36858 0
286 HTML
normal
오작교 11.01.25.10:27 35993 0
285 CSS
normal
오작교 11.01.24.10:40 35115 0
284 HTML
normal
오작교 11.01.24.10:39 36840 0
283 Script
normal
오작교 11.01.24.10:34 37863 0
282 CSS
normal
오작교 11.01.24.10:31 37489 0
281 CSS
normal
오작교 11.01.24.10:27 35983 0