Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design CSS

Learn CSS Web Design Development Beginner CSS introduction

CSS masterclass learn how to apply styling to HTML elements
Rating: 4.1 out of 54.1 (152 ratings)
12,946 students
Created by Laurence Svekis
Published 7/2017
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Apply CSS styling to HTML elements
  • Create web pages and web sites

Requirements

  • Basic HTML
  • Computer Access Internet Access

Description

Learning how to apply CSS to your HTML it will bring your web content to life!

Learn about CSS. Cascading Style Sheets is one of the main building blocks of web content online.  Its used everywhere to add styling to plain HTML. Applying CSS is easy to get started with updating your plain HTML code. Everything you need to get started with CSS is provided within this course.

Bring your web content to life with CSS.   This course will show you the syntax used within CSS and help you better understand where to apply the properties and values. Whether you are a beginner or want to update your skills, this course is for YOU! 

CSS is designed to save you time and we show you how to use it effectively to achieve results.

Explore what the different CSS properties can do. Expand your knowledge of CSS and learn what can be done with Cascading Style Sheets .    Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of elements within an HTML page.  This course is designed to help you learn how to use CSS within your web pages. 

Learn What CSS is and how YOU can use it!

Explore How to add CSS to your websites
Add styling with colors to fonts and backgrounds
Learn about the Box Model
Find more about How Padding, Borders, and margins work
Update your height and width and dimensions
Basics of displaying content with CSS
Explore the use of floats to create multiple column sites and pages

All about CSS positioning everything is included to get you started quickly!

Learning the CSS fundamentals will help you develop the core skills to apply styling to your HTML content.

From an instructor with over 18 years of web development experience.

I'm here to help you learn about CSS and ready to answer any questions you may have.  Let me introduce you to using CSS. I show you how to add CSS to your websites. What CSS can do and the amazing transformation that can be done.



Who this course is for:

  • HTML beginners
  • Web designers
  • UI UX beginners

Course content

7 sections • 83 lectures • 5h 58m total length

  • Preview07:08
  • Preview02:39
  • Preview06:37
  • How to add CSS to HTML Pages
    10:28
  • Making selections CSS inspector
    07:42
  • Divs and spans content selection
    06:32
  • CSS selection id tag class
    08:43
  • Colors HEX RGB RGBA values
    07:29
  • CSS named color values
    02:28
  • CSS background images
    09:16
  • CSS background shorthand statement
    02:33
  • Code Sample Backgrounds
    00:06
  • CSS borders shorthand
    05:44
  • CSS border Outline
    02:04
  • Code Sample Borders
    00:05
  • CSS Margins
    04:07
  • CSS padding
    03:10
  • CSS Box Model Dev Tools
    07:40
  • Box Model Code Example
    00:07
  • CSS height and Width
    03:45
  • Box Model Challenge
    05:20
  • Box Model Challenge Source
    00:11
  • Auto Margins Center your elements CSS
    02:02
  • CSS font property
    05:37
  • CSS Text property
    04:19
  • Chrome dev tools editors and options
    02:48
  • Adding Font families Google Fonts
    04:55
  • Line Height CSS
    02:54
  • CSS letter spacing
    02:35
  • Code examples Fonts text and letters
    00:22
  • CSS links
    04:52
  • CSS table styling
    05:56
  • Display and Hiding elements CSS
    06:37
  • Code samples
    00:02
  • Display Inline 4 squares Challenge
    05:31
  • Display Inline 4 squares Solution
    00:12
  • CSS position Properties
    06:14
  • DevTools Design Tips
    03:03
  • Code Example position
    00:04
  • Coding Challenge Make a NavBar from an unordered list
    04:16
  • NavBar start code
    00:04
  • Code Challenge Solution
    10:42
  • Source Code Code NavBar CSS
    00:16
  • Source Example Code
    00:40
  • CSS links and Resources
    00:02

  • Floats section introduction
    02:14
  • More about Floats
    05:57
  • intro to floats
    04:53
  • CSS Float images inline with text
    06:17
  • CSS float thumbnails
    05:26
  • Source Code Thumbnails
    01:22
  • HTML build basic page layout CSS
    06:10
  • 2 column CSS site
    04:12
  • Create a 2 column page layout in minutes
    06:19
  • 2 column source code
    00:39
  • Create 3 column webpage
    07:07
  • 3 column height background color fix
    03:55
  • Source Code 3 Column Website
    01:17

  • CSS Combinators
    07:40
  • CSS Pseudo Classes
    08:55
  • Source Code examples
    03:38
  • CSS Pseudo Elements
    08:22
  • Source Code
    03:34
  • CSS Selectors by attributes
    08:46
  • Selector example code
    00:01
  • CSS Media Queries secret to responsive design
    12:14
  • Media query source code
    00:19

  • Multiple Background Images CSS
    02:46
  • Element box properties CSS
    07:07
  • More border options CSS3
    08:08
  • Source Code Example
    00:18
  • background gradients CSS
    06:07
  • Code sample
    00:21
  • CSS3 Animation
    06:23
  • Animation example code
    00:27

  • HTML build a basic website structure with HTML
    06:25
  • Apply CSS build a navbar
    05:18
  • Build 2 Column main content area CSS
    06:41
  • Sidemenu links hover CSS
    07:47
  • CSS website tweak
    10:21
  • Website source Code
    02:06

  • CSS resources
    00:02

  • Bonus Lecture
    01:13

Instructor

Laurence Svekis
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 43,813 Reviews
  • 732,474 Students
  • 374 Courses

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. 

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.