British Columbia Institute of

Important Notice: COVID-19 Institute response


MDIA 3201 - Cascading Stylesheets (CSS)

Media Communications Part-time Studies Course

School of Business + Media

BCIT is planning for a substantial return to on-campus activity for the fall 2021 term as informed by BC Public Health Officer guidelines. Refer to each course listing for details.

Course Details

This course is a continuation of the CSS (Cascading Style Sheets) concepts learned in the prerequisite courses and begins with a review of the basic concepts and benefits of using CSS and then moves into more complex topics. You will design three different page layouts using element positioning, use CSS styled images, build data tables, and create print style sheets for your pages. Page designs will include vertical, horizontal, and multi-level CSS menus that include CSS3 features. Practical CSS techniques, such as best practices, code organization, commenting, shorthand, and accessibility, will be explored.


MDIA 1205 and MDIA 2205 or equivalent.



This course was retired after the Spring/Summer 2021 term and is no longer offered through BCIT Part-time Studies.

Learning Outcomes

Upon successful completion, the student will be able to:

  • Explain why CSS should be used to style HTML documents.
  • Describe the differences between fixed, liquid, and elastic layouts.
  • Design CSS-based layouts (without tables).
  • Demonstrate element placement using CSS positioning properties.
  • Construct vertical, horizontal, and multi-level CSS-based navigation menus.
  • Create CSS styled main and secondary menus that use generic link styles for page content.
  • Employ the “current effect” technique to highlight navigation using CSS.
  • Create print style sheets.
  • Integrate CSS3 features including border-radius, box-shadow, and opacity settings.
  • Apply CSS best practices including semantic markup, commenting, shorthand, and accessibility considerations.

Effective as of Winter 2017

Programs and courses are subject to change without notice.

Find Courses

School of Business + Media Waitlist

Need to waitlist for a School of Business + Media course?

Find out more

English Language Proficiency

BCIT's Part-time Studies English Language Proficiency Standard is English 12 (or equivalency). Students who do not meet this requirement should upgrade their English skills prior to any future registration.

Payment Changes At BCIT

We've changed the way we accept payments.

Find out more

Course Navigation, Related Links & Tools

Registration News

Registration is now open for the Winter 2022 term.

Classroom Locations

Classroom locations are subject to last minute changes. Please check the Part-time Studies Classroom Locations listing at on the first day of any course you are registered for.

Part-time Studies Financial Aid

Will you be studying at BCIT part-time? Do you need assistance funding your studies? Find out if you qualify for Part-time Studies financial aid.