Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
1 Hour CSS
Rating: 4.4 out of 5(2,644 ratings)
61,254 students

1 Hour CSS

Learn how to code in CSS in 1 hour. This class is set up for complete beginners!
Created byJohn Bura
Last updated 6/2019
English
English [Auto],

What you'll learn

  • Learn how to become a web developer
  • Learn CSS
  • Learn how to design websites

Explore related topics

Course content

2 sections • 16 lectures • 1h 0m total length

  • 1. Introduction to the course1:00

    Learn the basics of css (cascading style sheets) to design websites from scratch, explore 3d effects, and build a beginner's foundation in the web development series.

  • 2. Course requirements and formate3:11

    Learn the course requirements and format for this 1 hour css course. Use jaspin.com to render html, css, and javascript live, and enjoy short tutorials on chrome.

  • 3. HTML and Style points6:32

    Learn how HTML displays content and forms structure, how CSS style points and external files simplify code, and how JavaScript adds basic functionality.

  • 4. Adding the CSS7:09

    Move styling from HTML into an external CSS file, set header colors and font (orange, black, Courier, 50px), and learn how curly braces and semicolons define style blocks.

  • 5. Style tags1:14

    Learn to apply small-scale changes with style tags, enabling inline styling within the document. See how on-the-fly rendering updates formatting from the temporary style section to the final output.

  • 6. IDs4:31

    Learn how to target specific elements with ids in css, override default h1 and paragraph styles, and apply unique properties like maroon background.

  • 7. Font families5:50

    Explore serif, sans serif, and monospace font families and how font-family choices shape web typography. Learn to edit and test code by reading every line after copy-paste to avoid bugs.

  • 8. Font properties1:20

    Explore font style and font weight properties, applying normal, italic, and oblique styles, and numeric weights such as 100, 200, 500, 1000, and 2000, noting that headers are typically bold.

  • 9. Adding in Colors4:51

    Learn to style fonts with color using hex codes and rgb values, explore off-white and off-black for better contrast, and avoid stock colors for more readable web design.

  • 10. Formatting tags4:34

    Learn to style links with css by using the a tag, assigning color, font-family, and hover, active, and visited states; explore font sizes and simple structure for accessible hyperlinks.

  • 11. Tables part 15:18

    Practice building and styling a basic HTML table using table, tr, td, and th with borders, then apply inline colors and backgrounds, explore inheritance, and override with later tag-specific properties.

  • 12. Tables part 23:24

    Learn how to apply borders to html tables using the border property with width, style, and color options. Target specific cells by assigning unique ids and css selectors.

  • 13. Lists4:42

    Demonstrate creating and styling html lists, converting unordered to ordered lists, and applying list-style-type variations such as circle, square, decimal, roman numerals, and nested lists.

  • 14. Classes versus ids3:29

    Explore the difference between ids and classes in css by styling header one with an id and header two with a class, and applying color and font properties.

  • 15. Uses for CSS2:05

    Explore how CSS styles the web by modifying the body tag, changing font families, sizes, and colors like maroon, and adjusting H1 styles.

Requirements

  • An internet connection
  • An up to date web browser

Description

  Have you ever wanted to learn to code but don't know where to start? Learning how to code can get you a better job and lead to a better future. In this tutorial series you get to learn about CSS. CSS is the number design language for the web. CSS is easy to learn and it is used in most web development today. This course is a 1 hour course of action packed material. By the end of it you will have a firm understanding of the concepts of CSS. 


The best part is that this is for complete beginners! Coding is a fantastic career to get into and this is the first course you should take. All web developers start with CSS and it is by far the easiest language to learn. CSS stands for cascading style sheets and it is the what makes websites look good. Before CSS, websites didn't look good at all.


Just think of all of the things you can do in 1 hour and imagine learning a whole new skill. That's why these 1 hour lessons are so valuable. Take a look at the reviews, they speak for themselves.


What are you waiting for, enroll today.



Who this course is for:

  • Complete beginners
  • People who want to learn about web development

Report abuse