Previous Message
Next Message

Lost, Dazed & Confused about the right way to setup basic styles

Sent by Joe Huggins on 4 September 2005 14:02


Bruce Searl wrote:

where and how should I define the basic and extra styles for my general body
> text? including smaller text, or special but often used side panel text?
By using contextual selectors and classes you can specify exactly where 
your styles are applied. So, if you have a side panel you might create a 
rule:
#sidepanel p {font-size: .7em;}

This rule will only apply to a <p> that appears within the sidepanel and 
no other paragraphs anywhere else.

You could then add a rule with a class:
..red-text {color: ff0000;}

This class could then be applied to a specific paragraph.

>  
> I get that I can specify attributes for a <p> container... but what about just plain old
> text that happens to be on the page without a <p>inclosing it?</p>
All your text on your page should be enclosed in some sort of element (a 
<p> or <h#> or something). There should not be any text that is not 
enclosed in an element.
>  
> If I assign a style to the body for my body text... 
You can add a rule to <body>, something like:
body {
	color:#000;
	background: #CCCCCC url(../body-bkgrd.jpg) repeat-x fixed left bottom;
	font: 100.01% Arial, Helvetica, Sans-serif;
	}
This sets the font color to black, sets the size to 100% of whatever the 
user has assigned to their browser, and using Arial family. There is 
also some stuff there on a background for the page.

Again, there should be no text outside an element...but if there were it 
would follow these rules.
>  
Why style the table, when the text is what I want to effect and What if 
I want
> more than one thing in a given table cell? 
This is the use of contextual selectors in practice. By using ID's in 
<td>'s then your rule only applies to this particular area.

You can use a class to capture other portions within the cell.

> If I set the style to the table... it will effect the body copy... but then what is the
> correct way to define the fine print.. 
Lastly, try moving away from tables for layout and use the <div> instead.


-- 
Joe Huggins MSW, MSCIS
Clinical Science
(W) 303.399.8020 ext 3096
(C) 303.903.8352
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: