Selectors and Visual Rules
In this course, you will learn how to style individual and groups of elements using various visual CSS rules.
Start
Key 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:
hrefattribute to specify the URL to the external resourcerelattribute to specify the relationship of the linked document to the current documenttypeattribute 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
Selectors and Visual Rules
Start