Before adding any CSS, HTML already has default browser styles. Look at the existing HTML styles and take a quick look at browser developer tools.
- [Instructor] HTML was originally created…for research documents, so the default browser styles…were added to make this text easier to read.…For example, headings are bold,…and get smaller depending on which heading level is used,…to visually show the hierarchy.…Paragraphs and headings also have spaces…between the elements to aid in readability.…Links are blue and underlined,…and lists automatically include bullets or numbers.…There are more default HTML styles…not shown in this example, and will be discussed…throughout the course.…
Each browser has their own user agent stylesheet.…You can actually view these styles…using your browser's developer tools.…Each modern browser comes with developer tools…to allow you to inspect and debug any…webpages, HTML, and CSS.…I'm using Chrome, but with each modern browser,…you should be able to open the dev tools…by right-clicking, or two-finger tap…if you're on a Mac Trackpad, and select Inspect.…
The HTML shows on the left,…and the CSS shows on the right.…Here it says user agent stylesheet,…
- Creating a CSS file
- Writing basic selectors
- Setting properties
- Using different typefaces and web-safe fonts
- Understanding cascading and inheritance
- Setting a font family, font size, text color, and more
- Understanding the box model
- Using the float property
Skill Level Beginner
1. Getting Started
2. CSS Core
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.