Adding inline styles or using the style sheet are both effective at improving the look of your page, but as soon as you have more than one page, it's time to move your CSS rules out to a dedicated style sheet. Follow along with author Chris Mattia to learn how.
- [Instructor] Now that you're starting to see…the incredible level of control over the look…of your HTML pages that you have with CSS,…let's look at a technique for managing your styles…across multiple web pages,…and that is by creating a dedicated CSS style sheet.…In the last movie, we saw how to create inline styles…by adding a style attribute to an HTML element,…and this is really helpful for creating…a very specific style definition only one time.…The challenge with using inline styles…is that you have to add that code…to every single element in your page and site,…making maintaining a site styled this way nearly impossible.…
We've also seen how to add styles to a style tag…in the head of a page.…This is a great technique…if you're only managing a single page,…but as soon as you have two or more pages in your site,…it's time to move your CSS out to a dedicated page…so you have one place to maintain those rules,…and all of your pages can look to that one page…to inherit their rules from.…I'm back in syllabus.html,…
- Coding a site, a page, or parts
- Managing digital assets
- Formatting headings and paragraphs
- Creating links to pages
- Linking to a PDF or a Google Doc
- Inserting your own images into an LMS
- Embedding YouTube, Vimeo, and SoundCloud media
- Making pages responsive for mobile devices
- Working with CSS using web developer tools
- Overriding existing CSS
- Setting up your own domain
- Using FTP
Skill Level Intermediate
WordPress for Education: Multisitewith Chris Mattia1h 55m Intermediate
Measuring Learning Effectivenesswith Jeff Toister47m 4s Beginner
1. Web Basics
2. Semantically Formatting Text
3. Leveraging Links
4. Integrating Images
5. Embedding Resources
6. Adding Style with CSS
7. Setting Up Web Infrastructure
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.