[WSG] selectutorial
hi, My friend wants to learn about css so i told him to do the selectutorial on the maxdesign site. It says to reset the margins in the body then use ems for padding. I was reading somewhere that cancelling out the margins in the body tells the browsers to go through all the tags and cancel out the margins and that it actually adds to download time. I dont know if thats realistic or not but ive been using margins for spacing between divs for a long time. Whats the final word on resetting and using margins to avoid cross browsers problems? best kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] selectutorial
Kevin First stripping out margins padding from nearly everything is quite common practice. Look up reset style sheets from YUI or Eric Meyers example (also included with blue print framework). It would be good for anybody new to using CSS to immediately get to grips with an initial CSS reset to allow for cross bowser support Regards - Rob Raising web standards : http://ele.vation.co.uk Linking in with others: http://linkedin.com/in/robkirton On 17/04/2008, kevin mcmonagle [EMAIL PROTECTED] wrote: hi, My friend wants to learn about css so i told him to do the selectutorial on the maxdesign site. It says to reset the margins in the body then use ems for padding. I was reading somewhere that cancelling out the margins in the body tells the browsers to go through all the tags and cancel out the margins and that it actually adds to download time. I dont know if thats realistic or not but ive been using margins for spacing between divs for a long time. Whats the final word on resetting and using margins to avoid cross browsers problems? best kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] selectutorial
might be worth having a read of http://snook.ca/archives/html_and_css/no_css_reset/ which ironically was posted just today!!! I'm not sure of the real performance hit of canceling margins/paddings but it's more of a practical thing to consider if you are striving to keep the visual user experience consistent across browsers. - Original Message From: Rob Kirton [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Thursday, 17 April, 2008 4:15:08 PM Subject: Re: [WSG] selectutorial Kevin First stripping out margins padding from nearly everything is quite common practice. Look up reset style sheets from YUI or Eric Meyers example (also included with blue print framework). It would be good for anybody new to using CSS to immediately get to grips with an initial CSS reset to allow for cross bowser support Regards - Rob Raising web standards : http://ele.vation.co.uk Linking in with others: http://linkedin.com/in/robkirton On 17/04/2008, kevin mcmonagle [EMAIL PROTECTED] wrote: hi, My friend wants to learn about css so i told him to do the selectutorial on the maxdesign site. It says to reset the margins in the body then use ems for padding. I was reading somewhere that cancelling out the margins in the body tells the browsers to go through all the tags and cancel out the margins and that it actually adds to download time. I dont know if thats realistic or not but ive been using margins for spacing between divs for a long time. Whats the final word on resetting and using margins to avoid cross browsers problems? best kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ___ Yahoo! For Good helps you make a difference http://uk.promotions.yahoo.com/forgood/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] selectutorial
On Thu, April 17, 2008 3:51 pm, kevin mcmonagle wrote:
hi,
My friend wants to learn about css so i told him to do the selectutorial
on the maxdesign site.
It says to reset the margins in the body then use ems for padding.
I was reading somewhere that cancelling out the margins in the body
tells the browsers to go through all the tags and cancel out the margins
and that it actually adds to download time. I dont know if thats
realistic or not but ive been using margins for spacing between divs for
a long time.
Assuming you're talking about
body {
margin: 0;
}
this only resets the margins on the body; it doesn't affect anything else.
However
* {
margin: 0;
}
using the universal selector * will indeed reset the margins on
everything, and can have an impact on performance depending on how the
browser rendering is implemented.
It isn't that the universal selector goes through all the tags, more
that it has to be checked every time a tag (more accurately, element) is
rendered, which can slow down rendering time (it has no effect on download
time); if you want some deep technical detail on how the WebKit engine
used in Safari, for example, goes about this, read Dave Hyatt's blog post
at http://weblogs.mozillazine.org/hyatt/archives/2005_05.html#007507
This is one reason why most modern reset-CSS files will specify all the
elements on which default margins and padding are to be zeroed: it
improves rendering speed if the * selector is not applied to absolutely
everything in the document. (It can still be of value without impairing
rendering efficiency unduly when applied at a more specific level, e.g.
#example p *.)
Regards,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Selectutorial
Hi all, I have just launched a new CSS tutorial to follow on from Listamatic, Listutorial and Floatutorial. This one is called Selectutorial - CSS selectors - and includes basics like the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout. http://css.maxdesign.com.au/selectutorial/index.htm Thanks Russ * The discussion list for http://webstandardsgroup.org/ *
