1. CSS(CSS+DIV 웹 디자인 탐색)

2483 단어 css+div
1. 글꼴 설정(h2 제목)
<html>
<head>
<title>    </title>
	<style>
	  h2{
		 font-family:  ;
		 font-style:normal;
		 font-size:30px;
		 color:green;
	  }
	</style>
</head>
<body>
<form method="post" action="">
	<h2>css  1</h2>
	<p>css     </p>
	<h2>css  2</h2>
	<p>css     </p>
	<h2>css  3</h2>
	<p>css     </p>
	<h2>css  4</h2>
	<p>css     </p>
</form>
</body>
<html>

 2. 내장 스타일 css
<html>
<head>
<title>css    </title>
</head>
<body bgcolor="#FFFFFF">
  <form method="post" action="">
	<h2 style="background-color:#ABBED3; color:#F00; font-size:36px; margin-top:10px;">css  1</h2>
	<p>css  1</p>
	<h2>css  </h2>
	<p>css  2</p>
	<h2>css  2</h2>
	<p>css  3</p>
	<h2>css  4</h2>
	<p>css  4</p>
  </form> 
</body>
</html>

 
 
 3. 외부 css 참조
     3.1   1.css
 h2{
		 font-family:Verdana, Geneva, sans-serif;
		 font-style:normal;
		 font-size:30px;
		 color:#AA7BC4;
	  }

   
     3.2   1-6.html
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<HTML>
<HEAD>
<TITLE>cdd      </TITLE>
<link href="1.css" rel="stylesheet" type="text/css" />
<script language="javascript">
  function init(){
	  alert("jiazao");
	  document.getElementById("m1").innerHTML="   ";
	  
	  }
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" onLoad="init();">
  <form>
   <h2 id="ys1">css</h2>
   <h2 id="ys2">css</h2>
   <span id="m1"></span>
  </form>
</BODY>
</HTML>

 

좋은 웹페이지 즐겨찾기