블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

'.Net Project/CSS 2.0'에 해당되는 글 23

  1. 2009.07.27 03장 TagDirect
  2. 2009.07.27 02장 StyleSeet
  3. 2009.07.27 01장 StyleSeetStart
2009. 7. 27. 14:31 .Net Project/CSS 2.0
반응형




<!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>
    <title>Tag Direct</title>

<Style type="text/css">
 </style>

 <link rel="stylesheet"
  type="text/css"
  href="" />
 
</head>
<body>
 <!--style안에 속성을 지정해줌으로써 글자색이랑 텍스박스 배경색을 변경가능 하다 -->
 <input id="Text1" type="text" style="color:Blue;background-color:Yellow;" />
 
 <!--border속성 사용하여 버튼 주변의 색을 변경 가능 solid대신 dotted속성 이용하면 점선으로 표현-->
 <input id="Submit1" type="button" value="submit" style="border:1px solid red"; />
 
</body>
</html>
------------------------------------------------------------------------------------------<
Color 속성
글자 색상 지정 : Element의 글자색을 나타낸다.

font-size 속성
글자 크기 지정 : 상대적인 표현, pt 단위, px 단위

font-family 속성
글자 모양 지정 : 모든 글꼴 이름



반응형

'.Net Project > CSS 2.0' 카테고리의 다른 글

06장 우선순위  (0) 2009.07.27
05장 ID 속성값  (0) 2009.07.27
04장 Class  (0) 2009.07.27
02장 StyleSeet  (0) 2009.07.27
01장 StyleSeetStart  (0) 2009.07.27
posted by Magic_kit
2009. 7. 27. 14:21 .Net Project/CSS 2.0
반응형

CSS란 'Cascading Style Sheets'를 말한다.

 HTML의 한계성을 극복하기 위한 방안의 하나 DHTML
스타일시트를 사용하면 TABLE이나 FRAME에 의존하던 문서의 레이아웃을 효과적으로 할 수 있고, 글자 크기나 글자체, 줄 간격, 배경 색상 등도 자유롭게 선택할 수 있다. 또한, 스타일을 정의해 놓고 여러 개의 문서에서 불러 쓸 수 있어,
일관된 외양을 요구하는 여러 개의 문서를 만들 때 매우 편리하다.
HTML, CSS, JavaScript, DOM 등을 함께 일컬어 Dynamic HTML 혹은 HTML4.0이라고 부르기도 한다.





<!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>
    <title>02.StyleSeet</title>
    <link rel="Stylesheet" type="text/css" href="StyleSheet.css" /> StyleSheet 안에 Font속성을 지정 사용
</head>
<body>
<div>
        Hello CSS!  
</div>
</body>
</html>

-----------------------------------------------------------------------------------------------------------------------<
StyleSheet.CSS

body
{
 color:Blue;
 font-size:12px;
 font-family:Verdana;
}


반응형

'.Net Project > CSS 2.0' 카테고리의 다른 글

06장 우선순위  (0) 2009.07.27
05장 ID 속성값  (0) 2009.07.27
04장 Class  (0) 2009.07.27
03장 TagDirect  (0) 2009.07.27
01장 StyleSeetStart  (0) 2009.07.27
posted by Magic_kit
2009. 7. 27. 14:11 .Net Project/CSS 2.0
반응형



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>StyleSeetstart</title>
<!--타입이라는 속성은 생략 가능-->
 <style type = "text/css"">

 div{ font-size:9pt; color:Blue; font-family:Verdana;}
 </style>

</head>

<body>

<div>
 Hello~!<br />
</div>

</body>
</html>

반응형

'.Net Project > CSS 2.0' 카테고리의 다른 글

06장 우선순위  (0) 2009.07.27
05장 ID 속성값  (0) 2009.07.27
04장 Class  (0) 2009.07.27
03장 TagDirect  (0) 2009.07.27
02장 StyleSeet  (0) 2009.07.27
posted by Magic_kit