CSS: Difference between revisions
m added Category:Style using HotCat |
No edit summary |
||
| Line 4: | Line 4: | ||
|explains= CSS | |explains= CSS | ||
|description=Add custom CSS to pages or sitewide | |description=Add custom CSS to pages or sitewide | ||
|notes= | |notes=Add CSS rules into your page with a parser hook: <nowiki>{{#css:rules here}}</nowiki> | ||
|tests= | |tests= | ||
|examples=the [[Rates]] page uses custom table layout and coloring. Without the CSS extension, this would be much harder to do. | |examples=the [[Rates]] page uses custom table layout and coloring. Without the CSS extension, this would be much harder to do. | ||
}} | }} | ||
<br clear="all"> | |||
== Example: mobile layout with 2 columns == | == Example: mobile layout with 2 columns == | ||
A change to use percentages and 'em's instead of hard pixel widths or font size would achieve a more fluid layout. Basically, always use em for font size. Only use px when you know the exact dimensions of something (like setting a negative margin for a graphic) | A change to use percentages and 'em's instead of hard pixel widths or font size would achieve a more fluid layout. Basically, always use em for font size. Only use px when you know the exact dimensions of something (like setting a negative margin for a graphic) | ||
| Line 42: | Line 41: | ||
{{References}} | {{References}} | ||
[[Category:Web Development]] | [[Category:Web Development]] | ||
[[Category:Design]] | [[Category:Design]] | ||
[[Category:UI]] | [[Category:UI]] | ||
[[Category:Style]] | [[Category:Style]] | ||