New members: get your first 7 days of ITTutorPro Premium for free! Join for free

CSS Essentials

Course Description

8.20 Hours

31 Videos

Whether you’re a web developer responsible for thousands of pages or a freelance web designer working on websites for local business, CSS is a very important skill to master. CSS or Cascading Style Sheets provides web developers and designers with the ability to create attractive web pages. This course will show all levels of users an introduction to CSS3, understanding of the CSS box model, working with page layouts, using colors and backgrounds, web typography, working with lists and tables, and dynamic CSS3 properties.

Share on:

Course Syllabus

Module 1: Introduction to CSS3

  1. Introduction
  2. The Advantages Of Style Sheets
  3. Discovering Cascading Style Sheets
  4. CSS Structure And Syntax Part1
  5. CSS Structure And Syntax Part2
  6. CSS Structure And Syntax Part3
  7. Using Different Kinds Of Style Sheets

Module 2: Understanding The CSS Box Model

  1. What Is The Box Model
  2. Height And Width
  3. Margin And Padding
  4. Working With Borders

Module 3: Working With Page Layouts

  1. Positioning Elements
  2. Floating Elements
  3. Controlling Display And Visibility

Module 4: Using Colors And Backgrounds

  1. Working With Colors
  2. Working With Backgrounds

Module 5: Web Typography

  1. Understanding Fonts
  2. Working With Text Properties
  3. Text And Shadow Effects Part1
  4. Text And Shadow Effects Part2

Module 6: Links, Lists, And Tables

  1. Working With Lists
  2. Using Navigation Bars
  3. Working With Tables Part1
  4. Working With Tables Part2

Module 7: Dynamic CSS3 Properties

  1. Using Transforms Part1
  2. Using Transforms Part2
  3. Using Transitions
  4. Using Animations
  5. CSS Project Part1
  6. CSS Project Part2
  7. Course Conclusion

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

CSS can be used locally by the readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS).

This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content.

If you are new to web programming, you might be wondering why there are two different languages: HTML for your page content; and CSS for your formatting rules. Why not just include the formatting right in with the content?

There is an old, tried-and-true principle of programming that is known as the separation of concerns. Good software keeps separate things separate and loosely-coupled so that it’s easy to change one without breaking the other. One typical separation that you will see in nearly every information system is the separation between data and the way those data are presented on-screen.

External stylesheet are the most commonly used method to use CSS but it also depends on what you do with your page; for instances, if you only have one page then the internal stylesheet probably works fine; if you want some tag to be different from general definition, you can use inline styles to overwrite the embedded stylesheet.

HTML’s role in our websites is to provide structure, content, and link resources (e.g. CSS files). Its role in describing the style (“presentation”) of content is minimal. HTML’s ability to style is pretty much limited to “pretty good” defaults.

In order to further customize the style, appearance, and interactive behavior of our websites, we turn to Cascading Style Sheets, or CSS. In this lab, we will work on implementing CSS declarations in our HTML.

This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want.

Cascading Style Sheets (CSS) is a stylesheet language that allows you to control the appearance of your webpages. In this hands-on course, Christina Truong demonstrates the concepts that form the foundation of CSS, explaining what you need to know to tweak existing CSS and write your own.

Christina explains how to add colors and other design elements to take your webpages beyond just black text on a white background. She shows how to use selectors, how the box model defines the spacing and sizing of page elements, and how to style text and manage basic layouts with Flexbox and Grid. She also covers working with advanced selectors, creating fluid layouts, and determining when to use the float and position properties.

CSS (Cascading Style Sheets) is a style sheet language used to determine how a document that is written in markup language (such as HTML) is presented. Most commonly used with Java and HTML, CSS will set the visual style of a particular web page or user interface. It provides Web Developers with the ability to create web pages that are attractive and gives them the opportunity to utilise creativity.

CSS (Cascading Style Sheets) is a vital tool for anyone building a website. It cuts time and effort repeating formatting across different webpages as it allows you to set up how you want your page to appear, whether on paper, screen or other media, and then you can quickly and easily replicate this across other pages in the site.

From: $14.99 / month

Clear
  • Vast selection of courses and labs Access
  • Unlimited access from all devices
  • Learn from industry expert instructors
  • Assessment quizzes and monitor progress
  • Vast selection of courses and labs Access
  • Blended Learning with Virtual Classes
  • Access to new courses every quarter
  • 100% satisfaction guarantee

You Will Get Certification After Completetion This Course.

Instructor Led Lectures
All IT Tutor Pro Formerly It Nuggets Courses replicate a live class experience with an instructor on screen delivering the course’s theories and concepts.These lectures are pre-recorded and available to the user 24/7. They can be repeated, rewound, fast forwarded.
Visual Demonstrations, Educational Games & Flashcards
IT Tutor Pro Formerly It Nuggets recognizes that all students do not learn alike and different delivery mediums are needed in order to achieve success for a large student base. With that in mind, we delivery our content in a variety of different ways to ensure that students stay engaged and productive throughout their courses.
Mobile Optimization & Progress Tracking
Our courses are optimized for all mobile devices allowing students to learn on the go whenever they have free time. Students can access their courses from anywhere and their progress is completely tracked and recorded.
Practice Quizzes And Exams
IT Tutor Pro Formerly It Nuggets Online’s custom practice exams prepare you for your exams differently and more effectively than the traditional exam preps on the market. Students will have practice quizzes after each module to ensure you are confident on the topic you are learning.
World Class Learning Management System
IT Tutor Pro Formerly It Nuggets provides the next generation learning management system (LMS). An experience that combines the feature set of traditional Learning Management Systems with advanced functionality designed to make learning management easy and online learning engaging from the user’s perspective.

Frequently Asked Questions

How does online education work on a day-to-day basis?
Instructional methods, course requirements, and learning technologies can vary significantly from one online program to the next, but the vast bulk of them use a learning management system (LMS) to deliver lectures and materials, monitor student progress, assess comprehension, and accept student work. LMS providers design these platforms to accommodate a multitude of instructor needs and preferences.
Is online education as effective as face-to-face instruction?
Online education may seem relatively new, but years of research suggests it can be just as effective as traditional coursework, and often more so. According to a U.S. Department of Education analysis of more than 1,000 learning studies, online students tend to outperform classroom-based students across most disciplines and demographics. Another major review published the same year found that online students had the advantage 70 percent of the time, a gap authors projected would only widen as programs and technologies evolve.
Do employers accept online degrees?
All new learning innovations are met with some degree of scrutiny, but skepticism subsides as methods become more mainstream. Such is the case for online learning. Studies indicate employers who are familiar with online degrees tend to view them more favorably, and more employers are acquainted with them than ever before. The majority of colleges now offer online degrees, including most public, not-for-profit, and Ivy League universities. Online learning is also increasingly prevalent in the workplace as more companies invest in web-based employee training and development programs.
Is online education more conducive to cheating?
The concern that online students cheat more than traditional students is perhaps misplaced. When researchers at Marshall University conducted a study to measure the prevalence of cheating in online and classroom-based courses, they concluded, “Somewhat surprisingly, the results showed higher rates of academic dishonesty in live courses.” The authors suggest the social familiarity of students in a classroom setting may lessen their sense of moral obligation.
How do I know if online education is right for me?
Choosing the right course takes time and careful research no matter how one intends to study. Learning styles, goals, and programs always vary, but students considering online courses must consider technical skills, ability to self-motivate, and other factors specific to the medium. Online course demos and trials can also be helpful.
What technical skills do online students need?
Our platform typically designed to be as user-friendly as possible: intuitive controls, clear instructions, and tutorials guide students through new tasks. However, students still need basic computer skills to access and navigate these programs. These skills include: using a keyboard and a mouse; running computer programs; using the Internet; sending and receiving email; using word processing programs; and using forums and other collaborative tools. Most online programs publish such requirements on their websites. If not, an admissions adviser can help.
preloader