Technology and Digital

Intermediate CSS Course

Teacher: Daniel Salamanca - Associate Professor of Interactive Design

  • Intermediate
  • 7775 students
  • 4.6
Start the course!

Co-certifies:

Online course description

CSS (Cascading Style Sheets) is the Internet standard language for defining the appearance or style of web page content on various media and devices.

In this Intermediate CSS course, which is a continuation of the basic level, we begin to learn how to layout with CSS, understanding and controlling the default flow of HTML elements. 

We will learn about the existing units of measurement in the language, the basic layout used since its inception, the box model, positioning properties and improve various details of a web page to achieve stunning designs.

What will I learn?

  • We will start by knowing what are the units of measurement we can use in CSS, understanding the difference between relative and absolute averages. 
  • Then, we will start with the layout and layout with the language's default methods for changing sizes and adjusting the way HTML elements are organized.
  • We will continue with the famous CSS box model - i.e. margins, paddings and borders - which allows us to control the empty space and spacing of elements in HTML. 
  • Then, we will learn how to customize the normal flow and positioning of the elements through all the properties and values related to the position property, and thus create layers that we can superimpose on each other. 
  • We finish with the improvement of several HTML details: adjusting backgrounds, navigation bars, form and tables, as well as applying filters, shadows and transitions.

Who is it aimed at?

To anyone who wants to start their way in web design, front-end developer, one of the most sought after professions worldwide today.

Requirements

Yes, have basic knowledge in HTML and CSS; therefore, it is recommended to take the Basic CSS course.

Content of the CSS Intermediate course

  • Module 1Introductionto the intermediate CSS course

    1 Capsules 00:03:15

    • Capsule 1: Files and project we are going to work with
      Free View
  • Module 2Unitsof measurement

    2 Capsules 00:16:31

    • Capsule 1: Absolute units
      Premium Access
    • Capsule 2: Relative units
      Premium Access
  • Module 3Diagrammingin CSS

    6 Capsules 00:42:50

    • Capsule 1: Default flow and organization of our HTML elements
      Premium Access
    • Capsule 2: Properties related to the width and height of my boxes
      Premium Access
    • Capsule 3: Display, Clear and Float
      Premium Access
    • Capsule 4: Basic exercise 1: row diagramming
      Premium Access
    • Capsule 5: Basic Exercise 2: columnar diagramming
      Premium Access
    • Capsule 6: Layout of our website
      Premium Access
  • Module 4Cash model

    5 Capsules 01:08:18

    • Capsule 1: What is the box model?
      Premium Access
    • Capsule 2: Margins and Paddings
      Premium Access
    • Capsule 3: Borders
      Premium Access
    • Capsule 4: Box-sizing
      Premium Access
    • Capsule 5: Applying the box model to our site
      Premium Access
  • Module 5Positioning

    4 Capsules 00:25:59

    • Capsule 1: Basic concepts and properties related to positioning
      Premium Access
    • Capsule 2: The position property and its different values
      Premium Access
    • Capsule 3: Stacking order
      Premium Access
    • Capsule 4: Applying positioning to our website
      Premium Access
  • Module 6Improving thedetails of our site

    10 Capsules 01:24:11

    • Capsule 1: Applying backgrounds to our page
      Premium Access
    • Capsule 2: Navigation bars
      Premium Access
    • Capsule 3: Styling our navigation bar and page links
      Premium Access
    • Capsule 4: Applying styles to our forms
      Premium Access
    • Capsule 5: Basic Table Styles
      Premium Access
    • Capsule 6: CSS Filters
      Premium Access
    • Capsule 7: CSS Transitions
      Premium Access
    • Capsule 8: Shadows
      Premium Access
    • Capsule 9: Use of variables (experimental)
      Premium Access
    • Capsule 10: CSS Prefixes
      Premium Access
  • Module 7Farewell

    1 Capsules 00:00:43

    • Capsule 1: Farewell and next steps
      Premium Access

Final examTo obtain your course pass certificate, you will have 2 attempts per day to pass a multiple-choice exam with more than 70%.

About our expert

Daniel Salamanca teacher of the CSS Intermediate course

Daniel Salamanca

Associate Professor of Interactive Design

Associate professor in interactive design at one of the most prestigious design universities in Latin America: Universidad de Bogotá Jorge Tadeo Lozano. Almost 20 years of experience, teaching and creating interactive products for the internet. HTML is the standard language of the Internet, during this period, has lived and worked all its evolution, knowing each of its details and using them in multiple sites of all types of companies.

Get certified and boost your career

On behalf of Saint Ignatius University
Optional certificate template for our course*San Ignacio University will certify all NETZUN students.

About the institutions

Netzun - online courses
Edtech company, founded in 2015 and specialized in virtual education based on the 'microlearning' methodology. Its purpose is to democratize the knowledge of extraordinary people throughout Latin America.
San Ignacio University certifies our courses
San Ignacio University is a U.S. university that stands out for offering a unique and cutting-edge academic experience. It has a highly qualified faculty committed to academic excellence and the integral development of its students.

Develop your skills with us

Benefits

Full access to course videos

Downloadable materials

Forum with other students

Certificate of Completion

- 81%

BUY COURSE

US$ 2.90Previously US$ 15.00

OFFER EXPIRES ON:

0 :

Dias

00 :

Hrs

00 :

Mins

00

Segs
Add coupon

Forever

Develop your skills with us

- 81%

BUY COURSE

US$ 2.90 Previously US$ 15.00

OFFER EXPIRES ON:

0 :

Dias

00 :

Hrs

00 :

Mins

00

Segs
Add coupon

BENEFITS

  • Full access to course videos
  • Downloadable materials
  • Forum with other students
  • Certificate of Completion
  • Forever
Online education for your professional growth
Short courses applying the micro-learning methodology
Short classes (micro-learning)
Learn with concise courses lasting an average of 2 hours, subdivided into videos of up to 10 minutes.
  • Concise information on specific skills
  • Easier to learn and super practical
Lifetime access to our courses
Lifetime access
If you purchase a course or specialization, you will have lifetime access to the recorded content.
  • Access your classes anytime, without schedules
  • Access your classes as many times as you want
Certified specializations with learning projects
PREMIUM
Project-Based Learning
All courses and specializations will have a final project so you can put your new skills into practice
  • Put your new skills into practice
  • You will have feedback from mentors
  • Create a portfolio of projects, improve your resume.
Certified courses
Get certified upon approval
your courses
Upon completion of a course, you will need to pass an exam, and we will issue you a digital certificate that validates your skills.
  • Certificate with a unique code
  • Improve your resume
  • Boost your professional career