본문 바로가기

HTML5

HTML5 CSS

흔히 말하는 스타일 시트(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