Style Sheets (CSS)

  • Twitter

  • Podcast

  • Books

  • Recent Posts

  • Recent Comments

  • This style sheet is based on a combination of ratios (proportions) and pixels.  Therefore, the print style sheet may list a 18pt font size yet it prints 12pt because the main style sheet might make all fonts 62.5% which would make 18pt x 62.5% ultimately print 12pt.

    Beep beep beep.  Back it up a little.  What are you trying to do here, John?  Well, the answer is pretty simple really.  I want to have a nice sharp looking web page but at the same time, I want to be able to post my writing to my blog and then have it print out in beautiful looking APA format.  To make this happen, I’ve developed two style sheets:

    1. The “view” style sheet
    2. The “print” style sheet

    It’s true that I’m using extra bullet points here just to show you the difference.  I believe my numeric bullets appear purple on the web page but print black.  “Bullet” style bullet points appear black on the web page and also print black.

    To make the APA printing work, simply ensure that your print setup margins are at 1″ or whatever you want them to be.  I’ve styled the sheet for zero margins meaning your going to have to make the margins what they should be in the page setup of the print feature of your web browser… which is Firefox, right?

    For one final test, I’m going to do some “bullet” style bullet points here.  These are a couple documents that you can test out to ensure the whole system is working flawlessly.  I’m providing 2 distinctly different examples, a resume (CV) and an academic paper:

    Heading 1 – Biggest & Boldest

    Heading 1 appears big and bold on the web page.  It aligns left.  This heading is rarely used because it is so huge, but it could come in handy for super important topic headings.  When printed, Heading 1 appears like font size 12pt on the paper and aligns center.  Again, it is rarely used because it is so huge!

    Heading 2 – Big, Bold, and Green

    Heading 2 appears like font size 16pt (bold) on the web page and aligns left.  It’s green.  This heading is also the default heading for the web page.  It is the most often used heading style to separate sections.

    It’s actually listed in the “view” style sheet as font size 16pt.  When printed, Heading 2 appears like font size 12pt on the paper and aligns center.

    Heading 3 – Bold, Left, and Brown

    Heading 3 appears like font size 14pt (bold) on the web page and aligns left.  It’s actually listed in the “view” style sheet as font size 14pt.  It shows up brown on the web page but prints black.  When printed, Heading 2 appears like font size 12pt on the paper and aligns center.

    Heading 4 – Bibliography Heading

    Heading 4 appears like font size 12pt (bold) on the web page and aligns center.  It’s listed in the “view” style sheet as font size 12pt making it a true WYSIWYG.  When printed, Heading 4 appears like font size 12pt on the paper and aligns center.  The is always a page break before Heading 4 and so it is used for Appendix and Bibliography headings (especially for print’s sake).

    Heading 5 – Bibliography Text – See how it wraps around and it is single spaced which makes it good for bibliography text and different from double-space normal content

    Heading 5 appears like font size 12pt on the web page and aligns left.  It is not bold heavy.  Heading 5 appears on the web page a lot like regular text.  However, it does not indent at a paragraph and it is single spaced.  When printed, heading 5 holds the same attributes.  Therefore, it is good for using on the bibliography.  Here is a sample bibliography managed in Heading 5:

    Bourdieu, P., & Nice, R. (1984). Distinction: Pretending that this is a really very long and lengthy title to show the word wrapping. Harvard University Press.
    Butler, J. (1999). Gender trouble: Pretending that this is a really very long and lengthy title to show the word wrapping. Routledge.
    Calhoun, C. (2007). Contemporary Sociological Theory: Pretending that this is a really very long and lengthy title to show the word wrapping. Wiley-Blackwell.
    Heading 6 – Picture Heading

    Heading 6 appears left and bold and font size 12pt on the web page.  When printed, Heading 6 aligns left and is font size 8pt.  Heading 6 is used for indication Tables, Graphs, or Figures.

    Leave a Reply

     

    Upload Files

    You can include images or files in your comment by selecting them below. Once you select a file, it will be uploaded and a link to it added to your comment. You can upload as many images or files as you like and they will all be added to your comment.