안녕하세요 넷플릭스전문블로그입니다. 방문해주셔서 감사합니다.

CSS3 스타일 시트 로 글적어 보기

CSS3 스타일 시트 로 글적어 보기

<DOCTYPE html>

<html>

<head><title>&lt;stlyle&gt; 넷플릭스영화 볼거리들리뷰</title>


<style>

body {

 backgroung- color : linen;

 color : blueviolet;

 marign-left : 30px;

 marign-righ t: 30px;

  }


 h3   { 

     text-align : center;

     color : darkred;

  }


</style>



</head>

<body>

<h3>찌니의 영화리뷰</h3>

<hr>


<p>찌니의 영화 리뷰에서는 넷플릭스 관련 영화와

맛집리뷰 그밖에도 웹기초강좌를 올리고 있습니다.</p>


</body>

</html>


이렇게 넣어서 메모장으로 HTML을 불러오게 되면,



놀래미

이런씩으로 나오게 됩니다 .


간단하죠?






새로 보이는 시트로는 <style>,</style>이게 있는데요. 반듯이 이것은 

해드 태그 안에서만 사용을 해야 합니다.


STYLE태그는 열러번 작성이 가능 해요 ~!!

태그에 작성을 하게되면 시트는 웹페이지 전체에 적용이 되요~!


CSS의 규칙 중에 하나로 EM 태그가 있는데요 EM은 <P>태그의 자식입니다.




전체 셀렉터 


:와일드카드 문자를 *사용하여 웹페이지의 모든 HTML태그에 적용되는 셀렉터이다




오늘은 간단하게 여기 까지 올릴께용~!

반응형

댓글

Designed by JB FACTORY