본문 바로가기
정보모음/WEB

[html] 태그 div, style 이해활용

by bbbigu 2011. 8. 19.

3

본내용은 공부가르침받은것을 다시 한번 정리하는 곳으로
틀린정보가 있다면 댓글을 통해 가르침을 주시면 감사하겠습니다



• table로 작업하면 테이블과 테이블끼리의 이동할 경우가 생기면 재작업이 필요해지므로 div사용하고 class를 지정하여 규제한 style을 활용한다

• div는 boby 하위로 사용하고
style class를 구분하여 해당 class name을 <div class="name"> 칭해주면 해당규격이 적용된다

<div> 태그 사용 장점
1. style 지정하여 name으로 불러오면 여러곳에 한번에 적용할 수있어 간결하고
2. 수정시 style한번 수정으로 해당 class를 동시 수정이 가능하므로 시간단축이 된다
3. 작업 이후 위치이동이 필요시 용이하다

style 사용법
1.
<head>
<style type="text/css">
스타일클래스규정
</style>
</head>
<boby>에서 해당 클래스명만 호출하면된다

2. 태그별 각각의 style을 지정할수있다
ex) <table border="" style="">

3. 외부스타일시트로 별도 작넙하여 불러오기
*.css형식저장 활용

• set: .(콤마)+'class name' {}
ex) .topbox {}  >>> <div class="topbox">

[tip]
.(콤마) >>> class
#(샵) >>> id