css box css book, 블록 요소 너비가 어떻게 영향을받을 수 있습니까?

Question

안녕하세요 저는 방법이 있는지 알고 싶습니다. 일부 CSS와 html을 알고 있습니다. 하지만 저는 전문가가 아닙니다 저는 웹 개발 모바일 요즘 레이아웃을하는 것만으로 날 죽이는거야. 나는 추측하거나 해킹하여 일을하는 것에 지치고 모든 규칙을 알고 싶어하므로 확실하게 작동하지 않는 것을 시도하지 않을 것입니다.

사람이 나에게이 같이 설명 할 것입니다있는 웹/HTML/CSS의 책을 추천 할 수 있습니다 : 기본적으로

1. 를 div 태그는 무슨 일 전체 폭
2. 를 취한다 때 사업부의 자식 요소 태그가 부모 너비가 설정되어 있지 않거나 설정되지 않은 경우 태그가 부모보다 넓을 때
3. 너비를 100 %로 설정하고 여백을 추가하는 것과 같은 경우 실제로 예상보다 길어집니다. 등 수색 또는 자신을 시도하는 시간 나는 없다는 것을 알고있다. 방법 책은 모든 문제를 설명 할 수 있습니다 하지만 일부 책은 적어도 당신에게 기본적인 요소를 줄 것이라고 믿습니다, 어떻게 각 요소, div는 행동한다고 ​​가정 해 봅시다.

누구나 그 책에 '잡았다'또는 규칙이 있다고 제안 할 수 있습니까?

감사

Answer 1

Google은 당신의 가장 친한 친구입니다. 많은 무료 리소스가 있지만 lynda.com을 확인하십시오. html, css, javascript, php를 배우는 데 도움이되는 다양한 비디오 및 기사가 있습니다. 액션 스크립트 등. 무료는 아니지만 월 25 달러는 나쁘지 않습니다. 귀하의 질문에 대한 같은

: 기본적으로

는 div 태그는 별도로 명시하지 않는 한

블록 요소는 부모의 폭에 걸릴 전체 폭을합니다.

어떤 부모 폭을 설정하거나

부모 DIV 중 하나 그것의 폭이의 부모가 될 것입니다 정해진 폭이없는 경우

를 설정되지 않은 경우 div 태그의 자식 요소는 부모보다 넓은 경우, 발생 또는 그것의 너비는 가장 큰 아이 중 큰 것입니다. 100 %로 폭을 설정하고 여기에 마진을 추가하는 경우와 같은

것, 그것은 실제로 주위에 다음 등

는 상자, 폭 효과 상자로 된 div와 같은 블록 요소를 상상 예상보다 시간이 오래 될 것이다 패딩, 테두리, 마진입니다. 따라서 너비가 100px이고 좌우로 5px, 1 픽셀 테두리가 있고 왼쪽과 오른쪽으로 10 픽셀 여백이있는 div 인 경우 실제 너비는 132px입니다. http://www.w3.org/TR/CSS2/box.html

Answer 2

방금 ​​인터넷에서 웹 개발에 대해 아무것도에 대해 배울 수 있습니다. w3schools.com이라고하는 시력이 있습니다 (이것은 내가 배운 곳입니다). 그것은 완전히 무료입니다.

추신 : 당신은 단지 CSS와 HTML로 살 수 없게됩니다. 이뿐 만 아니라 자바 스크립트를 배워야하는 동적 콘텐츠가 허용됩니다. 나중에 PHP도 필요할 수 있습니다.

Answer 3

나는 몇 권의 전자 책을 시험해보고 지루해했다.치트 시트를 암기하는 데 많은 도움이 된 이유는 무엇입니까? http://sixrevisions.com/resources/cheat_sheets_web_developer/ &을 작성하면 머리 속에 드럼을 치도록 배웠습니다. 더 폭이 아무것도 (자동)를 설정하거나 폭이 부모에 설정되어있는 경우 넓은 0

2) 하위 요소가 넓은 부모를 만드는의 정의되지와 기본적으로

1) 사업부는 자동차입니다.

3) 부모의 100 % 인 요소에 여백을 추가하는 것은 말 그대로 그대로입니다. http://www.w3schools.com/css/css_boxmodel.asp

:

할 수있는 가장 좋은 방법은 그 물건에 관해서 상자 모델을 이해하는 것입니다