흔히 말하는 스타일 시트(css) 적용은 여러 가지 방법이 있는데
간략히 정리 하자면
1.엘리먼트에 바로 적용하는 방법
<a href="http://copyrightyoon.tistory.com" style="background-color:gray;color:blue">유요한 정보 블로그로 이동</a>
2.해당 html에 <style></style>로 적용 시키는 방법
3.style.css 외부 include 파일을 생성해 사용하는 방법
<link rel="stylesheet" type="text/css" href="include/common.css"></link>
이 외에도 여러가지 방법이 있다.
보통 3번 방식을 많이 쓴다.
기본적으로 많이 쓰이는 CSS속성
속성 |
요약 |
background-color |
엘리먼트 배경색 변경 |
border |
엘리먼트 테두리 설정 |
color |
엘리먼트 색상 설정 |
font-size |
엘리먼트 글자 크기 설정 |
height |
엘리먼트 높이설정 |
width |
엘리먼트 가로길이 설정 |
padding |
엘리먼트 테두리 공백 설정 |
text-decoration |
엘리먼트 글자에 적용된 데코레이션 설정 |
등 많은 속성들이 있으며 자세한 것을 포털에서 CSS 속성으로 검색해 보시길...
'HTML5' 카테고리의 다른 글
HTML5 CSS 길이 단위 (0) | 2016.04.03 |
---|---|
HTML5 css 컬러 함수 (0) | 2016.04.02 |
HTML5 title 속성 (0) | 2016.04.02 |
HTML5 tabindex 속성 (0) | 2016.04.02 |
HTML5 dir 속성 (0) | 2016.04.02 |