Skip to Main Content
Go to Penn Libraries homepage   Go to Guides homepage

Accessible Guides Project

Footnotes, Starting with a Glossary

What is a WYSIWYG?

WYSIWYG = What You See Is What You Get.

  • Log into your guide.
  • In any content box, click the edit icon at bottom right (under the content). The box editor opens.
  • It calls itself “rich text editor” but it's the WYSIWYG!

With a WYSIWYG. you can create HTML using the WYSIWYG's  toolbar. You don't need to go into the code.

wysiwyg toolbar

Of course, if you want to mess with the code, you can. Just click "Source."

Drupal and Guides use the same WYSIWYG ("CKEditor," in case you were wondering).

What is CSS?

"CSS files" are often called "Stylesheets"

Here's a definition of CSS from the W3C Schools:

  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS...can control the layout of multiple web pages all at once

Usually, CSS is stored separately from HTML files. That way, a single CSS file can be called by multiple HTML files.


Penn Libraries Home Franklin Home
(215) 898-7555