CSS Essentials

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.