<태그 속성="값"></태그>
<태극 속성="값" />
선택자{속성:값;}
<body bgcolor="#ff0000"></body>->태그 속성값
body{bgcolor:#ff0000;} ->선택자{속성값}
<font face="돋움" size="5"</font>
font{face:ehedma;size;5;}
<p align="center"></p>
p {align:center;}
<img src="img/teddy/k-19.jpg">
img{src:img/teddy/k-19jpg;}
<table width="500" height="300" border="1"></table>
table{width:500; heiht:300; border:1;}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-ｅquiv="Content-Type" content="text/html; charset=utf-8" />
<title>7월20일-CSS</title>
<style type="text/css">
/*CSS작성위치 선택자{속성:값;}*/
/*선택자 지정기준:body태그 안에 있는 태그 설정*/
body{background-color:#0C6;}
/*h1~h6제목태그의 배경색속성*/
h1{background-color:#FFF;}
h2{background-color:#C00;}
h3{background-color:#F30;}
h4{background-color:#F9C;}
h5{background-color:#666;}
h6{background-color:#060;}
/*같은태그에 묶인 글자를 서로 다른 속성으
로 적용하고 싶은 경우*/
/*클래스&아이디*/
/*클래스명{속성:값;}*/
/*#아이디명{속성:값;}*/
</style>
</head>
<body>
<p>드림위버 cs4-css stye sheet 속성</p>
<p> </p>
<h1>(흰색)</h1>
<h2>h2(빨강)</h2>
<h3>h3(주황)</h3>
<h4>h4(분홍)</h4>
<h5>h5(회색)</h5>
<h6>h6(초록)</h6>
<h1>(흰색)</h1>
<h2>h2(빨강)</h2>
<h3>h3(주황)</h3>
<h4>h4(분홍)</h4>
<h5>h5(회색)</h5>
<h6>h6(초록)</h6>
<p> </p>
</body>
</html>
'♠ 컴퓨터방 > Photoshop' 카테고리의 다른 글
| 7월22_ap_div1_html (0) | 2011.07.22 |
|---|---|
| 7_21 이벤트 액션 (0) | 2011.07.21 |
| 아동앨범 (0) | 2011.07.18 |
| [스크랩] Adobe CS4 초보자도 알기 쉬운 설치법~ ! (0) | 2011.07.18 |
| 드림위버테이블 (0) | 2011.07.15 |