Course image for Basic CSS3 Exercises

Basic CSS3 Exercises

Get the basic concepts of CSS3 on your tips with a set of easy to follow labs in this classroom

1.5 hours+ of practice
5.0
12 ratings
542 developers coding
Creator: Mehul Mohan
Start

Note: This classroom is a part of pro membership. Free preview is available.

Goals

  • How to use CSS with HTML
  • CSS selectors and styling DOM
  • CSS Variables
  • Other CSS3 features

Description

Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write in HTML.

Note that CSS is case-sensitive so be careful with your capitalization.

CSS has been adopted by all major browsers and allows you to control:

  • color
  • fonts
  • positioning
  • spacing
  • sizing
  • decorations
  • transitions

There are three main ways to apply CSS styling. You can apply inline styles directly to HTML elements with the style attribute. Alternatively, you can place CSS rules within style tags in an HTML document. Finally, you can write CSS rules in an external style sheet, then reference that file in the HTML document. Even though the first two options have their use cases, most developers prefer external style sheets because they keep the styles separate from the HTML elements. This improves the readability and reusability of your code.

The idea behind CSS is that you can use a selector to target an HTML element in the DOM (Document Object Model) and then apply a variety of attributes to that element to change the way it is displayed on the page.

In this classroom, you'll see how adding CSS styles to the elements of your CatPhotoApp can change it from simple text to something more.

Classroom Structure

See all you have to do in this module:

All Tasks

codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a 1337 plan for advanced and accelerated learning!

Free Plan

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Plan 1337

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become Pro Member

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a pro plan for advanced and accelerated learning!

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

codedamn Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become Pro Member