codex-lv2-may-2025

Level Navigation: 0

Current Level: 3

Lesson: CSS Linking

🎯 Objective

Link CSS files using Emmet’s attribute shortcuts.

✅ Step 7: Link a CSS File

Type:

link:css + [TAB]

What happened? Click to see.

Click to see what happened

This created a complete CSS link tag ``! Emmet automatically added the `rel` attribute and linked to your `style.css` file. The `:css` part tells Emmet to create a stylesheet link specifically.

✅ Commit Reminder:

git add .
git commit -m "Link CSS file using Emmet"
git push

🔄 Workflow Reminder: Remember to save (Ctrl + S) and refresh (Ctrl + R) as you make changes!

✅ Summary

You learned how to:

Link CSS files using link:css
Understand how Emmet handles attributes and shortcuts
Create complete link tags with proper attributes

The :css shortcut is a great example of how Emmet can create complex HTML with simple abbreviations!

Level Navigation: 0

Current Level: 3