반응형

padding:A;
 - 상 하 좌 우 모두 a 값으로 패딩 적용
padding:TB RL;
 - 상하, 좌우 각각의 값이 같을 경우 사용
padding:T RL B;
 - 좌우 값이 같고 상하가 다를때 사용
padding:T R B L;
 - 상 우 하 좌

반응형
저작자표시 비영리 변경금지

'웹표준&CSS' 카테고리의 다른 글

display,float,clear  (0) 2011.05.28
css 에서 id ,class  (0) 2011.05.27
display:inline; display:block;  (0) 2011.05.27
ul  (0) 2011.05.27
웹표준  (0) 2011.05.18
반응형

display:inline 이나 <span>  은  inline 속성을 가지고 있고 inline 의 특성상 left 정렬이 된다.

block 속성은 한줄씩 출력된다

block의 정렬은 float 으로 정렬 (가운데 정렬 margin:0 auto) // width 값 설정
inline은 text-align 으로 졍렬

float 속성
none,left,right

float 해준 후에 해당 정렬을 초기화 하기위해서
clear 해준다

clear 속성
left - 왼쪽 정렬 초기화 ,right - 오른쪽 정렬 초기화,both -모든 정렬 초기화
반응형
저작자표시 비영리 변경금지

'웹표준&CSS' 카테고리의 다른 글

padding  (0) 2011.05.28
css 에서 id ,class  (0) 2011.05.27
display:inline; display:block;  (0) 2011.05.27
ul  (0) 2011.05.27
웹표준  (0) 2011.05.18
반응형

id 는 # 으로 사용
class . 으로 사용

<div id="css_id"></div>
<div class="css_class"></div>


일겅우
<style type="text/css">
# css_id{
css_id 에 대한 속성
}
.css_class{
css_class 에 대한 속성
}
</style>
반응형
저작자표시 비영리 변경금지

'웹표준&CSS' 카테고리의 다른 글

padding  (0) 2011.05.28
display,float,clear  (0) 2011.05.28
display:inline; display:block;  (0) 2011.05.27
ul  (0) 2011.05.27
웹표준  (0) 2011.05.18
반응형

<div>1</div>
<div>2</div>
<div>3</div>

-------------
1
2
3
--------------
div 의 경우 display 기본속성이 block


<span>1</span>
<span>2</span>
<span>3</span>

---------------
123
---------------
span 의 경우 display 기본속성이 inline

block 은 줄 바꿈
inline 은 줄바꿈 안됨
inline의 경우 상하 padding , width,height는 사용 불가
반응형
저작자표시 비영리 변경금지

'웹표준&CSS' 카테고리의 다른 글

padding  (0) 2011.05.28
display,float,clear  (0) 2011.05.28
css 에서 id ,class  (0) 2011.05.27
ul  (0) 2011.05.27
웹표준  (0) 2011.05.18

+ Recent posts

티스토리툴바