Wiki Markup |
---|
{style} .LinksPanel { float:right; clear:right; width:400px; } {style} {div:class=LinksPanel} {panel:title= On This Page| borderStyle=solid| borderColor=#566b30| titleBGColor=#D3E3C4| bgColor=#fff} {toc:minLevel=2|maxLevel=5} {panel} {div} {include:FSS Links Panel} h2. Overview Through summaries of key concepts and CSS examples, this article aims to describe how you can override FSS styles and classes with your own CSS styles. More technical details and background information regarding the CSS concepts are provided [at the W3C|http://www.w3.org/TR/CSS2/cascade.html]. h2. Key Concepts The following are HTML and CSS concepts that you may find helpful to have knowledge of before proceeding to learn how to override FSS styles. h3. Inheritance The structure of HTML is hierarchical and can be compared to a tree structure, where one element, or HTML tag (eg. <body>, <p>) has the following characteristics: # It can contain several "child" elements # It belongs to only one "parent" element # It can have several "ancestor" elements (parents of its parent element) # It can have several "descendent" elements (children of its child elements) CSS can support such a structure by allowing child elements to inherit certain properties of their parents when specified. Example: || CSS Style Sheet \\ || HTML Code \\ || | {code{code:title=style.css|borderStyle=solid} body { font-family: "Times New Roman"; } p { font-family: inherit; } div { font-family: "Arial"; } {code} |asdf {code:title=doc.html|borderStyle=solid} <html> <head> <link rel="stylesheet" href="style.css" type="text/css"> <title>Inheritance Example</title> </head> <body> <p>This is a paragraph inside the body tag, so it is thea child of the body element.</p> <p>This is another child paragraph inside the body tag.</p> <div>This is another sectionchild inside the body tag, but it is separate from the paragraphs.</div> </body> </html> {code} |asdf h3. Style sheet origins One thing to keep in mind when designing style sheets for your website is that there are Author User User Agent h3. \!importance declaration Summarize concept and include examples h3. Specificity Summarize concept and include examples h3. Order of overrides Summarize concept and include examples h2. How to Override FSS Styles asdf h3. Overriding an Entire Class asdf h3. Overriding an Instance of a Class asdf |
Page History
Overview
Content Tools