Selectors and Visual Rules
In this course, you will learn how to style individual and groups of elements using various visual CSS rules.
StartKey Concepts
Review core concepts you need to learn to master this subject
<link>
Link Element
Purpose of CSS
Class and ID Selectors
Write CSS in Separate Files
Groups of CSS Selectors
Write CSS in HTML File
Selector Chaining
!important
Rule
<link>
Link Element
<link>
Link Element
<!-- How to link an external stylesheet with href, rel, and type attributes -->
<link href="./path/to/stylesheet/style.css" rel="stylesheet" type="text/css">
The <link>
element is used to link HTML documents to external resources like CSS files. It commonly uses:
href
attribute to specify the URL to the external resourcerel
attribute to specify the relationship of the linked document to the current documenttype
attribute to define the type of content being linked
What you'll create
Portfolio projects that showcase your new skills
Healthy Recipes
Using CSS selectors, you’ll give a recipe website style.
Olivia Woodruff Portfolio
It's time to build fluency in CSS Fundamentals. In this next Pro Project, we're going to practice Visual Rules in CSS so you can hone your skills and feel confident taking them to the real world. Why? It's important to have a good grasp on the basic styling principles of a webpage. What's next? A coffee lover, photographer, developer. You got this!
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory