CSC309 – LECTURE 08

STATIC WEB PAGES - REVISITED

Khai Truong
Recall from lecture 3
Recall from lecture 4
Recall from lecture 4
Link styling
https://www.w3schools.com/css/css_link.asp
Recall from lecture 3

box-sizing:
https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
Recall from lecture 3
Recall from lecture 3

Round image:
https://www.digitalocean.com/community/tutorials/css-cropping-images-object-fit
Styling tables
https://www.w3schools.com/css/css_table.asp
Creating card components
https://www.freecodecamp.org/news/learn-css-basics-by-building-a-c
ard-component/
Mailto parameters
https://www.simplilearn.com/tutorials/html-tutorial/html-mailto
Recall from lecture 4
Responsive table
https://www.w3schools.com/howto/howto_css_table_responsive.asp
https://css-tricks.com/position-sticky-and-table-headers/
https://css-tricks.com/a-table-with-both-a-sticky-header-and-a-sticky-
first-column/
Much of this lecture was taken from content previously created by Jack Sun & Kianoosh Abbasi

Reproduction and/or sharing of course materials is prohibited. Course materials include lecture slides, course notes,
assignments, data and documents provided by the instructors. Course materials created by the instructors of this course
are their intellectual properties. They may not be shared, posted, rehosted, sold, or otherwise distributed and/or
modified without expressed permission from the authors. All such reproduction or dissemination is an infringement of
copyright and is prohibited. All rights are reserved by the instructors.

Thank you & questions?