Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 웹디자인
- 튜닝
- 제이쿼리
- 웹퍼블리셔
- 웹디자이너
- 포트폴리오
- 웹에이전시
- JQuery
- plugin
- jQuery Plugin
- 홈페이지제작
- 사이트제작
- work6.kr
- 웹개발자
- 개발자
- 워크식스
- PHP
- 홈페이지
- 커스터마이징
- 프로그래머
- 고도몰
- 쇼핑몰구축
- 쇼핑몰
- 안드로이드
- 쇼핑몰제작
- 플러그인
- 웹퍼블리싱
- 3D프린터
- CSS
- 홈페이지구축
Archives
- Today
- Total
목록패딩 (1)
그냥 개발자 블로그
[css] 패딩과 마진의 차이
웹퍼블리싱에서 패딩(padding)과 마진(margin)은 필수 요소이며 가장 많이 사용 됩니다. 따라서 비슷하지만 다른 패딩과 마진의 대한 이해가 꼭 필요 합니다. 예를 들어 다음과 같이 css 를 적용했다고 가정 합니다. padding:20px;margin:20px;border:1px solid #fff;display:inline-block;width:200px;height:200px; html에는 다음과 같이 적용됩니다. 패딩(padding)은 div 요소 안쪽에 공간을 만들며, 마진(margin)은 요소 밖에 공간을 만듭니다. 따라서 패딩을 사용한 경우 div의 가로 세로 크기 200px 보다 영역이 커지며, 마진을 사용한 경우에는 div의 가로 세로 크기는 200px 그대로가 되는것 입니다. 또..
퍼블리싱팁
2017. 5. 29. 13:50