HTML5& CSS공부하기
이번엔 글자색과 배경색을 넣어보면서 head쪽 style body쪽에 style을 적용했을때 어떻게 변화가 되는지 보도록 하겠습니다. ^-^
모두가 파이팅!!! ><
<html>
<head>
<title></title>
<head>
<body>
<h1> IT개발자스터디공간</h1>
<h2 class="logo"> HTML&CSS</h2>
<p>오늘하루도 좋은하루!!!</p>
<h1 style="color:blue">이곳에서 파랑으로 하면 CSS쪽에서 h1의 색을 빨강으로해도 이글은 파랑색으로 보여집니다.</h1>
<h2 style="color:green">h2로 복습!!! head쪽 style에서 분홍색으로 지정하였지만 지금은 초록색!!</h2>
<h3 id="text1">하핫</h3>
</body>
</html>
CSS를 적용하기 전 결과값입니다. ^-^
CSS를 적용해서 예제를 다시!!!
<html>
<head>
<title></title>
<style type="text/css">
h1{color:red;}
h2{color:pink;}
h3{color:gray;}
#text1{background:yellow;}
h2.logo{background:aqua; font-style:strong;}
</style>
</head>
<body>
<h1> IT개발자스터디공간</h1>
<h2 class="logo"> HTML&CSS</h2>
<p> 오늘하루도 좋은하루!!! </p>
<h1 style="color:blue">이곳에서 파랑으로 하면 CSS쪽에서 h1의 색을 빨강으로해도 이글은 파랑색으로 보여집니다.</h1>
<h2 style="color:green"> h2로 복습!!! head쪽 style에서 분홍색으로 지정하였지만 지금은 초록색!!</h2>
<h3 id="text1">하핫</h3>
</body>
</html>
최종결과값입니다.
너무 조그만해서..ㅜㅜ 힁 잘안보이실 수도 있는데.. 메모장에 복붙하시고 html연습하기.html 이런식으로 저장하셔서
확인해보시면 크게 보실 수 있습니다. ^^
'웹표준 > HTML5 & CSS3' 카테고리의 다른 글
| html&css공부하기 (1) | 2015.03.09 |
|---|---|
| HTML5&CSS3 공부하기 글자색과 배경색 2 (0) | 2015.03.02 |
| HTML5&CSS3공부하기 (0) | 2015.02.24 |
| HTML5공부하기_ input type (0) | 2014.11.06 |
| HTML5공부하기1 문서구조 (0) | 2014.10.22 |