• 1:1 문의
  • 회원가입
  • 로그인

[intro] CSS - 요소위치 (= 요소이동) 관련 속성 BEST

0.  

요소 가로 중앙 정렬


요소 성질 파악
https://homzzang.com/b/html-103

블럭요소 중앙정렬 : 해당 요소에 margin:auto
https://homzzang.com/b/css-95


인라안요소 중앙정렬 : 부모 요소에 text-align:center

https://homzzang.com/b/css-83

※ 참고
요소 성질 상관없이 position, top, left 등 속성 이용해 중앙정렬하는 법도 있음.
https://homzzang.com/b/css-108

 


 

1. 

width, min-width, max-width (height, min-height, max-height)

 

width 너비
https://homzzang.com/b/css-63

min-width 최소너비
https://homzzang.com/b/css-65


max-width 최대너비
https://homzzang.com/b/css-67

 

 

2. 

margin, padding

 

margin 바깥여백
https://homzzang.com/b/css-95

padding 안여백
https://homzzang.com/b/css-100

 

 

3. 

position, top, bottom, left, right

 

position 위치
https://homzzang.com/b/css-108


top 상단기준 위치 (= 위기준위치)
https://homzzang.com/b/css-109

bottom 하단기준위치 (= 밑기준위치)
https://homzzang.com/b/css-111

left 왼쪽기준위치 (= 좌측기준위치)
https://homzzang.com/b/css-112

right 오른쪽기준위치 (= 우측기준위치)
https://homzzang.com/b/css-110


 

4. 

z-index

 

층간위치
https://homzzang.com/b/css-113

 

 

5. 

display

 

요소기본속성 변경
https://homzzang.com/b/css-107

 

 

6. 

float

 

블럭요소 나란히 배치
https://homzzang.com/b/css-105

 

 

7. 

clear

 

float 기능 해제
https://homzzang.com/b/css-106

 

 

8. 

line-height

 

줄높이 (인라인 요소 수직중앙정렬)
https://homzzang.com/b/css-82

 

 

 

9. 

text-align

 

블럭요소 (또는, 인라인블럭) 요소 안의 인라인요소 정렬

https://homzzang.com/b/css-83

 

 

 

10. 

text-indent

 

들여쓰기
https://homzzang.com/b/css-85

 

 

11. 

background-position

 

배경이미지 위치
https://homzzang.com/b/css-36

 

 

12. 

list-style-position


리스트 마커 위치

https://homzzang.com/b/css-94

 


 

즐겨찾기 (= 북마크) : Ctrl + D
홈페이지 제작
유지보수 관리

분류 제목
intro CSS - 정의와 장점 + CSS 기본 문법
intro CSS - 발전사 (CSS1 → .01 → CSS3)
intro CSS - 적용 방법 3가지 ★★★ - (인라인 스타일 / 내부 스타일 / 외부 스타일) 적용 순서 + 속…
selector CSS - 선택자 (Selector) 종류
selector CSS - 아이디(id) , 클래스(class) 선택자 ★★★★★
selector CSS - 전체선택자 (*)
selector CSS - 요소선택자 (요소)
selector CSS - 병렬선택자 (요소,요소) ★ - 요소 여러개 나열
selector CSS - 자손선택자 (요소 요소) ★ - 특정 요소 아래의 모든 자손 요소
목록

방문자 수

오늘 121
어제 557
최대 583
전체 439,525
Since 2012