<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Frog&#039;s Digital Design Blog &#187; css box model</title>
	<atom:link href="http://www.thefloatingfrog.co.uk/tag/css-box-model/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thefloatingfrog.co.uk</link>
	<description>Design, Photography, Internet and Geek related</description>
	<lastBuildDate>Wed, 09 Nov 2011 09:34:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>The CSS Bible &#8211; CSS is your God!</title>
		<link>http://www.thefloatingfrog.co.uk/tips-tricks-tutorials/the-css-bible-css-is-your-god/</link>
		<comments>http://www.thefloatingfrog.co.uk/tips-tricks-tutorials/the-css-bible-css-is-your-god/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 19:26:27 +0000</pubDate>
		<dc:creator>Gary Hartley</dc:creator>
				<category><![CDATA[News & Reviews]]></category>
		<category><![CDATA[Tips, Tricks & Tutorials]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css box model]]></category>
		<category><![CDATA[css for beginners]]></category>
		<category><![CDATA[css shorthand]]></category>
		<category><![CDATA[css techniques]]></category>
		<category><![CDATA[css tricks]]></category>

		<guid isPermaLink="false">http://www.thefloatingfrog.co.uk/?p=2574</guid>
		<description><![CDATA[Here you go, a stellar assortment of CSS related links for you to reference. If you&#8217;re a CSS beginner or even a CSS guru we&#8217;re sure there is something here for everyone, enjoy! The CSS Box Model CSS linky link craziness 5 Tips For Organising Your CSS: http://bit.ly/2ytHwr 5 Popular CSS Frameworks + Tutorials &#38; [...]


Related posts:<ol><li><a href='http://www.thefloatingfrog.co.uk/web-design/your-css-framework-needs-you/' rel='bookmark' title='Permanent Link: Your CSS framework needs you!'>Your CSS framework needs you!</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/web-design/css-news-a-quick-catchup/' rel='bookmark' title='Permanent Link: CSS NEWS &#8211; A quick catchup'>CSS NEWS &#8211; A quick catchup</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/web-design/10-css-shorthand-techniques-youll-use-everyday/' rel='bookmark' title='Permanent Link: 10 CSS shorthand techniques you&#8217;ll use everyday'>10 CSS shorthand techniques you&#8217;ll use everyday</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Here you go, a stellar assortment of CSS related links for you to reference. If you&#8217;re a CSS beginner or even a CSS guru we&#8217;re sure there is something here for everyone, enjoy!</p>
<h2>The CSS Box Model</h2>
<p><img src="http://www.thefloatingfrog.co.uk/wp-content/uploads/2008/10/css-box-model.jpg" alt="CSS Box Model" /></p>
<h2>CSS linky link craziness</h2>
<div class="block">
<ul>
<li>5 Tips For Organising Your CSS: <a rel="nofollow" href="http://bit.ly/2ytHwr" target="_blank">http://bit.ly/2ytHwr</a></li>
<li>5 Popular CSS Frameworks + Tutorials &amp; Tools for Getting Started: <a rel="nofollow" href="http://bit.ly/iwt5" target="_blank">http://bit.ly/iwt5</a></li>
<li>5 Ways to Instantly Write Better CSS: <a rel="nofollow" href="http://bit.ly/im8K5" target="_blank">http://bit.ly/im8K5</a></li>
<li>8 Premium One Line CSS Tips: <a rel="nofollow" href="http://bit.ly/pUaM" target="_blank">http://bit.ly/pUaM</a></li>
<li>8 CSS tips for better linking: <a rel="nofollow" href="http://bit.ly/KAbAX" target="_blank">http://bit.ly/KAbAX</a></li>
<li>10 CSS tricks you may not know: <a rel="nofollow" href="http://bit.ly/QN2I4" target="_blank">http://bit.ly/QN2I4</a></li>
<li>10 CSS shorthand techniques you’ll use everyday: <a href="http://bit.ly/2IBO2g" target="_blank">http://bit.ly/2IBO2g</a></li>
<li>10 CSS Tips For Sexy Stylesheets: <a rel="nofollow" href="http://bit.ly/12KkvT" target="_blank">http://bit.ly/12KkvT</a></li>
<li>10 Swish And Stylish CSS Tricks: <a rel="nofollow" href="http://bit.ly/4s5vsF" target="_blank">http://bit.ly/4s5vsF</a></li>
<li>10 CSS buttons tutorial list: <a rel="nofollow" href="http://bit.ly/GOQi" target="_blank">http://bit.ly/GOQi</a></li>
<li>10 Excellent CSS Tips and Tutorials: <a rel="nofollow" href="http://bit.ly/wlkhA" target="_blank">http://bit.ly/wlkhA</a></li>
<li>10 Principles of the CSS Masters: <a rel="nofollow" href="http://bit.ly/WzxKI" target="_blank">http://bit.ly/WzxKI</a></li>
<li>12 CSS Tools and Tutorials for Beautiful Web Typography: <a rel="nofollow" href="http://bit.ly/oAc8S" target="_blank">http://bit.ly/oAc8S</a></li>
<li>12 Most Used CSS Tricks: <a rel="nofollow" href="http://bit.ly/vv7lT" target="_blank">http://bit.ly/vv7lT</a></li>
<li>12 Principles For Keeping Your Code Clean: <a rel="nofollow" href="http://bit.ly/N5Nad" target="_blank">http://bit.ly/N5Nad</a></li>
<li>13 Training Principles of CSS Everyone Should Know: <a rel="nofollow" href="http://bit.ly/M88uB" target="_blank">http://bit.ly/M88uB</a></li>
<li>15 CSS Properties You Probably Never Use (but perhaps should): <a rel="nofollow" href="http://bit.ly/daM4H" target="_blank">http://bit.ly/daM4H</a></li>
<li>15 CSS Tricks That Must be Learned: <a rel="nofollow" href="http://bit.ly/1Eymas" target="_blank">http://bit.ly/1Eymas</a></li>
<li>16 Usable CSS Graph and Bar Chart Tutorials and Techniques: <a rel="nofollow" href="http://bit.ly/4B2qX" target="_blank">http://bit.ly/4B2qX</a></li>
<li>16+ Easy CSS Techniques that Simplify the Webdesigner’s Life: <a rel="nofollow" href="http://bit.ly/PReAF" target="_blank">http://bit.ly/PReAF</a></li>
<li>19 CSS Menu Tutorials to Spice Up Your Web Designs: <a rel="nofollow" href="http://bit.ly/ctqm" target="_blank">http://bit.ly/ctqm</a></li>
<li>20 Ultimate CSS Tutorials That Will Help You Master CSS: <a rel="nofollow" href="http://bit.ly/4zr6Zp" target="_blank">http://bit.ly/4zr6Zp</a></li>
<li>20 Useful CSS Tips For Beginners: <a rel="nofollow" href="http://bit.ly/9u0Y3" target="_blank">http://bit.ly/9u0Y3</a></li>
<li>25+ CSS Tools to reduce your work load: <a rel="nofollow" href="http://bit.ly/IaZ1P" target="_blank">http://bit.ly/IaZ1P</a></li>
<li>30 Excellent CSS Based Navigation and Buttons Tutorials: <a rel="nofollow" href="http://bit.ly/12sTy" target="_blank">http://bit.ly/12sTy</a></li>
<li>30+ CSS Cheat Sheets &amp; Quick Reference Guides: <a rel="nofollow" href="http://bit.ly/ne7X0" target="_blank">http://bit.ly/ne7X0</a></li>
<li>35+ Very Useful And Powerful CSS Techniques: <a rel="nofollow" href="http://bit.ly/U3KMy" target="_blank">http://bit.ly/U3KMy</a></li>
<li>40 CSS Web Form Style Tutorials For Web Developers: <a rel="nofollow" href="http://bit.ly/IMK6g" target="_blank">http://bit.ly/IMK6g</a></li>
<li>43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation: <a rel="nofollow" href="http://bit.ly/yqiOG" target="_blank">http://bit.ly/yqiOG</a></li>
<li>50+ Nice Clean CSS Tab-Based Navigation Scripts: <a rel="nofollow" href="http://bit.ly/14T9b1" target="_blank">http://bit.ly/14T9b1</a></li>
<li>53 CSS-Techniques You Couldn’t Live Without: <a rel="nofollow" href="http://bit.ly/Jq3" target="_blank">http://bit.ly/Jq3</a></li>
<li>60+ Wacky CSS resources &#8211; Tutorials, Layouts, Optimizers, Editors &amp; more: <a rel="nofollow" href="http://bit.ly/2TNXG" target="_blank">http://bit.ly/2TNXG</a></li>
<li>70 Expert Ideas For Better CSS Coding: <a rel="nofollow" href="http://bit.ly/3R7uuZ" target="_blank">http://bit.ly/3R7uuZ</a></li>
<li>101 CSS Techniques Of All Time: <a rel="nofollow" href="http://bit.ly/Aomz" target="_blank">http://bit.ly/Aomz</a></li>
<li>101 CSS Tips, Tutorials and Examples: <a rel="nofollow" href="http://bit.ly/iyHpQ" target="_blank">http://bit.ly/iyHpQ</a></li>
<li>120 Excellent Examples of CSS Horizontal Menus: <a rel="nofollow" href="http://bit.ly/13dPWf" target="_blank">http://bit.ly/13dPWf</a></li>
<li>CSS Cheat Sheet: <a rel="nofollow" href="http://bit.ly/kLz8v" target="_blank">http://bit.ly/kLz8v</a></li>
<li>Web Design + Tips and advice on web standards development (Covers CSS): <a rel="nofollow" href="http://bit.ly/qd9pP" target="_blank">http://bit.ly/qd9pP</a></li>
<li>Resetting Your Styles with CSS Reset: <a rel="nofollow" href="http://bit.ly/15hzcl" target="_blank">http://bit.ly/15hzcl</a></li>
<li>Creating CSS Layouts: The Best Tutorials on Converting PSD to XHTML: <a rel="nofollow" href="http://bit.ly/riyH7" target="_blank">http://bit.ly/riyH7</a></li>
<li>Five web 2.0 CSS menu tutorials: <a rel="nofollow" href="http://bit.ly/2GjBNn" target="_blank">http://bit.ly/2GjBNn</a></li>
<li>Innovative (and Experimental) CSS Examples and Techniques: <a rel="nofollow" href="http://bit.ly/BKft" target="_blank">http://bit.ly/BKft</a></li>
<li>Quick &amp; Easy CSS Development with Firebug: <a rel="nofollow" href="http://bit.ly/37CBoB" target="_blank">http://bit.ly/37CBoB</a></li>
<li>CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices: <a rel="nofollow" href="http://bit.ly/eegK" target="_blank">http://bit.ly/eegK</a></li>
<li>CSS Basics &#8211; Class Vs #ID&#8217;s: <a rel="nofollow" href="http://tinyurl.com/8efu6n" target="_blank">http://tinyurl.com/8efu6n</a></li>
<li>CSS Code Snippets: 15 Wicked Tricks &#8211; <a rel="nofollow" href="http://bit.ly/Xs962" target="_blank">http://bit.ly/Xs962</a></li>
<li>Using CSS to Do Anything: 50+ Creative Examples and Tutorials: <a rel="nofollow" href="http://bit.ly/KTFXG" target="_blank">http://bit.ly/KTFXG</a></li>
</ul>
</div>


<p>Related posts:<ol><li><a href='http://www.thefloatingfrog.co.uk/web-design/your-css-framework-needs-you/' rel='bookmark' title='Permanent Link: Your CSS framework needs you!'>Your CSS framework needs you!</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/web-design/css-news-a-quick-catchup/' rel='bookmark' title='Permanent Link: CSS NEWS &#8211; A quick catchup'>CSS NEWS &#8211; A quick catchup</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/web-design/10-css-shorthand-techniques-youll-use-everyday/' rel='bookmark' title='Permanent Link: 10 CSS shorthand techniques you&#8217;ll use everyday'>10 CSS shorthand techniques you&#8217;ll use everyday</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.thefloatingfrog.co.uk/tips-tricks-tutorials/the-css-bible-css-is-your-god/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Box Model Hierarchi</title>
		<link>http://www.thefloatingfrog.co.uk/web-design/css-box-model-hierarchi/</link>
		<comments>http://www.thefloatingfrog.co.uk/web-design/css-box-model-hierarchi/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 11:05:47 +0000</pubDate>
		<dc:creator>Gary Hartley</dc:creator>
				<category><![CDATA[Tips, Tricks & Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css box model]]></category>
		<category><![CDATA[css techniques]]></category>

		<guid isPermaLink="false">http://www.thefloatingfrog.co.uk/frog-blog/?p=1144</guid>
		<description><![CDATA[Yep the good old CSS box model, explained once more. The CSS box model is a fundamental element of modern web design that all web designers need to master. This CSS box model controls and details the behaviour of many HTML elements, such as DIV, P, ul, so understanding this is a firm step forwards [...]


Related posts:<ol><li><a href='http://www.thefloatingfrog.co.uk/web-design/css-for-absolute-beginners-a-slideshow-walk-through-starting-with-the-basics/' rel='bookmark' title='Permanent Link: CSS for ABSOLUTE BEGINNERS &#8211; shaping up with CSS'>CSS for ABSOLUTE BEGINNERS &#8211; shaping up with CSS</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/tips-tricks-tutorials/the-css-bible-css-is-your-god/' rel='bookmark' title='Permanent Link: The CSS Bible &#8211; CSS is your God!'>The CSS Bible &#8211; CSS is your God!</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/web-design/your-css-framework-needs-you/' rel='bookmark' title='Permanent Link: Your CSS framework needs you!'>Your CSS framework needs you!</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.thefloatingfrog.co.uk/frog-blog/wp-content/uploads/2008/10/css-box-model.jpg" alt="" title="CSS Box Model" width="500" height="460" class="alignnone size-full wp-image-1145" /></p>
<p><!--digg-->Yep the good old <strong>CSS box model</strong>, explained once more. The <strong>CSS box model</strong> is a fundamental element of modern web design that all web designers need to master. This <strong>CSS box model</strong> controls and details the behaviour of many HTML elements, such as DIV, P, ul, so understanding this is a firm step forwards to better web design.</p>
<h2>3D CSS Box Model</h2>
<p><a href="http://www.thefloatingfrog.co.uk/frog-blog/2008/09/exclusive-jon-hicks-creator-of-the-firefox-logo-interview/">Jon Hicks</a>, who&#8217;s a leading figure in web standards and userbility, has created this brilliant 3D CSS Box Model diagram and kindly supplied the original Illustrator file for me to modify and put on the site for you to look at, so a big thanks goes out to him.</p>


<p>Related posts:<ol><li><a href='http://www.thefloatingfrog.co.uk/web-design/css-for-absolute-beginners-a-slideshow-walk-through-starting-with-the-basics/' rel='bookmark' title='Permanent Link: CSS for ABSOLUTE BEGINNERS &#8211; shaping up with CSS'>CSS for ABSOLUTE BEGINNERS &#8211; shaping up with CSS</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/tips-tricks-tutorials/the-css-bible-css-is-your-god/' rel='bookmark' title='Permanent Link: The CSS Bible &#8211; CSS is your God!'>The CSS Bible &#8211; CSS is your God!</a></li>
<li><a href='http://www.thefloatingfrog.co.uk/web-design/your-css-framework-needs-you/' rel='bookmark' title='Permanent Link: Your CSS framework needs you!'>Your CSS framework needs you!</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.thefloatingfrog.co.uk/web-design/css-box-model-hierarchi/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

