CSS Box Model - Part 2
Calculating actual width and actual height of an HTML element:
HTML element's actual width:
is the amount of space occupied by an HTML element horizontally
actual width of an HTML element =
content width + left padding + right padding + left border + right border + left margin + right margin
HTML element's actual height:
is the amount of space occupied by an HTML element vertically
actual height of an HTML element =
content height + top padding + bottom padding + top border + bottom border + top margin + bottom margin
Follow the link for next video: https://youtu.be/x3YGSYVUSzI
Follow the link for previous video: https://youtu.be/k7D-IVVFZJU
========= For more benefits & Be up to date ===================
Subscribe to "chidres tech tutorials" channel: it's free
Visit to Chidre's Tech Tutorials website:
Like the Facebook fan page:
========== CSS Questions & Answers ========================
Thank you so much.
Follow the below link for all my web technology video tutorials and share to help others:
Dear Mr Majunath,
My respect and admiration goes up with each of your wonderful tutorials. I have seen many videos of HTML and CSS by foreign and Indian teachers. But let me tell you and all those who watch your tutorials that none explained the concept of Content Area, Padding, Border and Margin the way you explained by taking two Divs. My only suggestion is learners relate better to terms like Div # cyan in stead of Div#div1 and Div#magenta in stead of Div#div2. There is a possibility for beginners to get confused with terms like Div1 and Div2. Just a suggestion. I am sure you are receiving many suggestions from many of us. It may not be possible for you to incorporate all these suggestions. Thank you so much to make us beginners to learn HTML and CSS. God Bless You with Long Life and Good Health. warm regards, Brig CS Vidyasagar (Retd), 040-48540895
Learning how to draw cartoon animals from the farm is not such a difficult task! Weve grown up surrounded by them! Farm animals are everywhere: In blockbuster movies, childs books, greeting cards. their shapes and images are printed in our minds!
In this section, I will show you how to determine what are the physical uniqueness of each animal and how to work with them. Then, you can practice drawing each cartoon character using basic shapes.
You will have the opportunity to make nice illustrations, practice sketching and cartooning using short easy lessons and complete your creation using a drawing software to create vector art if you want to! Cartoon drawing is really fun once you get into it!
Dont be afraid to try until you get it right. This method is really simple, but requires practice and observation. So, sit back and relax. Learn how to draw animals from the farm and start your journey on a good note!
Lets try s few basic characters to get started! :)
A cute turkey to begin with.
In this first tutorial, you can learn how to draw a fun turkey mostly made from small rectangles and large circular shapes. The posture of the character is really interesting. Not only is it easier to draw than a front version, but its also easier to add some perspective (as we can see with the legs). The fact that we just need to draw one wing is also interesting.
Most of these cartoon animals are not filled with complex textures or digital effects. In this case, the subject is filled with plain colors and only a few basic details (inside the tail) were added.
A nice turtle also from a side view.