댓글
-
좋은 예 감사합니다.
이해가 잘됩니다. -
감사합니다.
-
<!--박스모델-->
<!--마진 : 테두리와 테두리의 간격-->
<!--패딩 : 안의 내용과 테두리간의 간격-->
<!--인라인 엘리먼트는 width와 height가 적용이 안된다.-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p, a{
border: 10px solid red;
padding: 20px;
margin: 40px;
width: 1000px;
height: 100px;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, repudiandae.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, repudiandae.
</p>
안녕하세요. <a href="#">MunBe</a>입니다.
</body>
</html> -
이고잉님 유우머감각까지 !!! -
박스모델 항상 헷갈렸는데...술 안주에서 빵터짐...! 이제 확실히 기억할 것 같아요~!^^
-
마지막에 글이 기억에 남네요ㅋㅋㅋ
술안주가 나왔는데 패딩이 너무 넓어~ㅋㅋㅋ -
재밌어요! 이고잉님 ㅎㅎ 눈높이교육감사해요 'ㅡ'ㅎㅎ
-
박스모델!
테두리는 중요! 박스모델의 기준점.
패딩 ㅋㅋ잠바 padding ㅋㅋㅋ
장사를 하면...마진이 남는다 마진 ㅋㅋㅋㅋ
테투리와 다른 요소들 사이의 간격 떨어짐
p태그는 블럭레벌 엘리먼트. 블럭은 화면전체를 사용함.
인라인 레벨 엘리먼트는 다르게 작용함. a태그.... width , height 값 무시됨. -
박스모델 : 태그의 부피와 태그간의 여백등을 결정.
- 마진 : 태그와 태그 사이의 여백.
- 패딩 : 태그와 태그를 감싸는 테두리 사이의 여백
*인라인 엘리먼트는 width, height 값 무시 -
레이아웃의 시작이라고 볼 수 있는 단계인 박스모델입니다.
댓글보신 분 중 이해가 안가신다면 이 챕터 꼭 이해하셔야 나중에 안헤맵니다.
정리도 잘하셔서 복습만 해도 쉽게 이해되게 해놓으셨네요. -
감사영!
-
5.19.
-
막판에 빵 터졌어요// -
^^ 패딩.... 마진... 강의 감사합니다. 강의 듣다가 순간 빵 터졌네요~ 감사합니다~
-
안주 비유로 완전히 이해할 수 있었습니다. ^^
-
박스모델 : 태그의 부피와 태그간의 여백등을 결정.
- 마진 : 태그와 태그 사이의 여백.
- 패딩 : 태그와 태그를 감싸는 테두리 사이의 여백
*인라인 엘리먼트는 width, height 값 무시 -
고맙습니다!
-
감사합니다~^^
-
수강 완료! 감사합니다!
-
2016.09.08 완료!
매번 훌륭한 강의, 유용한 정보 감사드립니다~^^ -
마진겹침 때문입니다~ 이후 수업에서 나와요 ^^ -
궁금합니다!
밑에 생활코딩입니다 부분의 박스 위 아래 부분은 마진값이 적용되지 않는가요??? -
완료요 !!
-
2016.08.25 완료!
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
