'HTML태그'에 해당되는 글 1건


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

 

홈페이지 만들면서 가장 기초적으로 알아야 할 것이 바로 style과 div이다
table로 작업하면 테이블과 테이블끼리의 이동할 경우가 생기면

재작업이 필요해지므로 div사용하고 class를 지정하여 규제한 style을 활용한다

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

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


div태그는 width(가로크기),max-width(가로크기 최대치),min-width(가로크기 최소치),

padding(안쪽여백),margin(바깥쪽 여백),border(테두리 크기,색깔,형태),position(화면 위치의 방식)

등등의 많은 속성을 가지고 있습니다.


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">

꼭 알아야 할 팁으로 기억해 두세요
 .(콤마) >>> class
 #(샵) >>> id

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,