vcc.ca
LERN 1060: CSS Fundamentals
Effective date
April 2021
Department
LERN UGotClass
School
Continuing Studies
Description
In this introductory course, you will learn how to style web pages using Cascading Style Sheets (CSS) coding language. Topics include using inline, internal, and external CSS, web typography, formatting text, working with web colors, using Google fonts, working with id and class selectors, working with
elements, creating page layouts using
elements, and CSS box model. This course is offered in partnership with Learning Education Resource Network - UGotClass. For more information see: http://yougotclass.org/index.cfm/VCC
Credits
0.0
Year of study
General Interest
Prerequisites
None
Corequisites
None
Course Learning Outcomes
Upon successful completion of this course, students will be able to:
- Style HTML web pages using CSS
- Style text, lists, links and tables using CSS
- Apply inline, internal and external CSS styling
- Work with div elements
- Modify CSS box model properties
- Create web page layout using div elements
- Work with id and class selectors
- Work with web colors and web fonts
Prior Learning Assessment & Recognition (PLAR)
None
Hours
Lecture, Online, Seminar, Tutorial: 16
Total Hours: 16
Total Hours: 16
Instructional Strategies
Grading System
Satisfactory/Unsatisfactory
Passing grade
S - based on: 1. Make at least one comment every week in the discussion. 2. Take every Unit self-quiz. Completion timeline The requirements should be done by the last day of the course.
Evaluation Plan
None
Course topics
- Getting to Know CSS: about CSS, CSS syntax, CSS types, working with internal CSS, styling text, styling links, styling lists, and styling tables.
- Using External CSS: working with external CSS sheets, styling a multi-page website, Google fonts, and Web colors.
- div Elements: id Selectors, introduction to elements, floating elements, Clearing Unwanted Floated Elements, web page layout using elements
- More about div Elements: centering a web page, CSS box model, resetting margins and paddings, class selectors, inline CSS, tag
Notes:
- Course contents and descriptions, offerings and schedules are subject to change without notice.
- Students are required to follow all College policies including ones that govern their educational experience at VCC. Policies are available on the VCC website at:
https://www.vcc.ca/about/governance--policies/policies/. - To find out if there are existing transfer agreements for this course, visit the BC Transfer Guide at https://www.bctransferguide.ca.