Difference between revisions of "CSS example"
From Organic Design wiki
(inline css) |
(new way) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | {{# | + | {{#tag:html|<style>{{:spots.css}}</style>}} |
<big><b><br><br><br><br> | <big><b><br><br><br><br> | ||
| − | This is an example of adding a CSS article to a page using | + | This is an example of adding a CSS article to a page using HTML syntax. The CSS article in this example is the [[spots.css]] article which is attached to this page using |
| − | <tt><nowiki>{{# | + | <tt><nowiki>{{#tag:html|<style>{{:spots.css}}</style>}}</nowiki></tt>. |
| − | + | ||
| − | |||
| − | |||
| − | |||
You can also do inline CSS styles like this | You can also do inline CSS styles like this | ||
| − | < | + | <pre> |
| − | {{# | + | {{#tag:html|<style> |
| − | body { line-height: 150% } | + | body p { line-height: 150% } |
| − | }} | + | pre { font-size: 200%; color: green; } |
| + | </style>}} | ||
| + | </pre> | ||
[[Category:Examples]] | [[Category:Examples]] | ||
Latest revision as of 08:21, 10 April 2016
This is an example of adding a CSS article to a page using HTML syntax. The CSS article in this example is the spots.css article which is attached to this page using
{{#tag:html|<style>{{:spots.css}}</style>}}.
You can also do inline CSS styles like this
{{#tag:html|<style>
body p { line-height: 150% }
pre { font-size: 200%; color: green; }
</style>}}
