Learning any coding language requires learning some terminology and syntax. In this video, we'll do a review of CSS syntax and the basic principles.
- [Narrator] Let's get started with a quick review…of the CSS basics and syntax rules.…Selectors are used to determine which…HTML element to apply the styles to.…Declarations are the style rules and…they're contained within the curly braces.…Properties determine the type of style.…Values will set the style, and will vary…based on the specific property.…Properties and values must be separated…by a colon, and end with a semicolon.…Comments in CSS are written between a slash…and asterisks, and must close in the opposite order.…
Use comments to leave notes for yourself, or for others.…Or use them to organize your code blocks.…You can also comment them out…in the CSS to hide it temporarily.…Any characters can be used in comments,…as long as they are contained between the asterisks.…There are three ways to add CSS to your HTML files.…Let's first look at the external method.…Using an external style sheet is the recommended method.…The CSS is written in a separate CSS file.…
You can add it to any HTML page in…your project in the <head> element.…
- Reviewing CSS syntax
- Reviewing simple selectors and attribute selectors
- Using pseudo-class selectors and pseudo-element selectors
- Reviewing the CSS box model
- Adding a menu to your project
- Using float, display, and position
- Debugging CSS
- Resetting stylesheets
- Working with background images
- Exploring a mobile-first approach for responsive web design
- Creating flexible and fluid layouts
Skill Level Beginner
Building Responsive Forms with Flexboxwith James Williamson1h 20m Intermediate
1. CSS Selectors
3. Tips and Tools
4. Responsive and Mobile
- 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.