Difference between revisions of "CSS example"
From Organic Design wiki
m |
(new way) |
||
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> | <pre> | ||
− | {{# | + | {{#tag:html|<style> |
body p { line-height: 150% } | body p { line-height: 150% } | ||
pre { font-size: 200%; color: green; } | pre { font-size: 200%; color: green; } | ||
− | }} | + | </style>}} |
</pre> | </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>}}