💻 JSFiddle 열기
CSS 기본 문법
선택자 {
속성1: 값;
속성2: 값;
/* ... */
}
p{폰트 스타일과 굵기}
p {
/* normal, italic, oblique */
font-style: normal;
/* normal, bold, 100~900 */
font-weight: normal;
}
{바깥}+div{중간}>div{안쪽}
html { font-size: 14px; }
div { font-size: 2em; }
p{HTML & CSS Programming is fun!}
p {
text-decoration: none;
/* capitalize, uppercase, lowercase */
text-transform: none;
}
p{이런 것도 가능합니다.}
p {
text-shadow:
/* 안쪽 흰색 그림자 */
1px 0 white, -1px 0 white, 0 1px white, 0 -1px white,
1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white,
/* 바깥쪽 미국자두색 그림자 */
2px 0 plum, -2px 0 plum, 0 2px plum, 0 -2px plum,
2px 1px plum, -2px 1px plum, 1px 2px plum, 1px -2px plum,
2px -1px plum, -2px -1px plum, -1px 2px plum, -1px -2px plum,
2px 2px plum, 2px -2px plum, -2px 2px plum, -2px -2px plum;
}