Using CSS for emphasis: FAQ Owners' FAQ | DSLReports.com, ISP Information

This Section

Using CSS for emphasis:

Cascading Style Sheet properties can be used with HTML to bring life to your FAQ entries.
Please remember that FAQs are for concisely sharing information -- don't get carried away.

A good use for CSS is to create notes, or warnings. Here is the code for a very simple warning box:

<p style="background:yellow;color:blue;
width:300px">Warning: Don't cut the BLUE wire!</p>

This is its result:

Warning: Don't cut the BLUE wire!

That is pretty effective as is, but by using some additional properties, it's possible to create a more sophisticated one. Here is the code:

<p style="background:#FDFD9e;color:red;width:200px;border-width:1px;
padding-top:5;padding-bottom:5;padding-right:5;padding-left:5;
border-color:red;border-style:dashed none dashed none;
font-weight:bold"><b>Warning:</b><font color="black">
Don't cut the <font color="red">RED</font> wire!</font></p>

This is the result:

Warning:
Don't cut the RED wire!

If you're not already familiar with CSS and HTML, you can copy and paste the above code to use in your own FAQ entries. It's easy to change the colors and text.

CSS doesn't work the same in all browsers.

All the above code has been tested in Internet Explorer, Opera, and Firefox, and is viewable with the "printable all-text format" feature associated with a FAQ. This means it should work in all modern browsers. If you decide to experiment, other CSS code may not--test it.

If you'd like to learn more about CSS properties, here's a reference link:

»www.htmlhelp.com/reference/css/p···ies.html

got feedback?

by climbers edited by KeysCapt
last modified: 2004-03-27 18:01:47

All FAQs » FAQ Owners' FAQ » 20. Writing New Entries

Using CSS for emphasis: