[style] HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)

1. <style> 예제 - CSS 내부스타일
2. <style> 정의
3. <style> 구문
4. <style> 속성

<style> 예제 - CSS 내부스타일

 

<style>
h2{color:red; text-align:center; width:300px;}
p {color:blue; text-align:center; width:300px;}
</style>

<h2>홈짱닷컴 (homzzang.com)</h2>
<p>HTML CSS PHP 무료 강의</p>

 
결과보기

<style> 정의

 
태그에 내부스타일 적용해 요소 디자인 변경.

 

---

 

1. 
스타일 적용 방법 3가지 -  자세히 보기

 

① 인라인스타일 
태그 명령어 내부에 사용 (예) <p style="color:red>빨강</p>

 

② 내부스타일
태그 명령어 외부이지만  
태그 명령어와 같은 웹페이지의 상단이나 하단에 적용. 
위 기본 예제 참고

 

③ 외부스타일 
별도의 파일에 스타일을 정의 후, 
<link> 태그를 이용해 태그 명령어 있는 웹페이지로 가져와 적용.

 

2. 
<style> 태그엔 반드시 type속성에  “text/css” 속성값 지정. 

(예) <style type= “text/css”>

단, 
HTML5에선 type 속성 자체를 안 적어도 됨.

 

3. 
HTML5에서 scoped 속성 추가됨.
단, 이 속성은 현재 파이어폭스만 지원.

 

<style> 구문

 

<style>
selector{property1:value1; property2:value2; ....}
</style>

 

<style> 속성