Packt Publishing – Learning CSS

Packt Publishing – Learning CSS

Take your first steps into the world of modern web design using CSS

Take your first steps into the world of modern web design using CSS

About This Video

• Harness the latest features of CSS to create powerful, interactive, and dynamic web designs
• Build websites that work regardless of the devices used to access them
• An in-depth coverage of everything that you need to start using CSS with HTML

In Detail

As a modern day web designer, it is very critical for you to prepare for the CSS3 world we live in. A major challenge that designers face in their day-to-day life is making their designs stand out from the rest and ensuring they work on all devices and platforms. The birth of CSS3 brings with it many updates that make designing in HTML easier and more appealing. CSS adds excitement to HTML elements, and allows designers to add color; manipulate layouts, size, and position; enhance the visuals of element objects; and much more.

Learning CSS gives you the introduction you need to start creating web pages that are visual marvels with CSS. Dealing with the absolute fundamentals of CSS, this video course gives you everything you need to know to enhance and embellish HTML web pages.

Before we plunge into the world of CSS, we are going to start off by playing around with CSS scripts, learning about styles, rules, and inspecting HTML elements. We’ll then investigate HTML selection using classes, IDs, and elements. Then, we will make our website visually stimulating using colors. We will be introduced to CSS selectors, implementing colors, and manipulating the size and position of objects and layouts on the page and in relation to each other.

We’ll get better and better by making the elements of our website interact with each other and tweaking the layout so our web page works on all digital devices, thereby enhancing its appeal. Finally, we’ll get to grips with techniques for text and content manipulation to enhance the look and feel of our site.

Learning CSS will give you a flying start at creating stunning websites, arming you with all the know-how you’ll need to incorporate CSS into your workflow

Get Packt Publishing – Learning CSS At tenco.pro

Course Curriculum

Defining Our First CSS Rules

• The Course Overview (3:36)
• Getting to Know Our Project (2:47)
• Setting Our First Style (4:48)
• Adding Multiple Rules to an Element (3:38)
• Converting Our Style into a Rule (3:14)
• Moving Our CSS Logic into a Separate File (4:06)
• Inspecting Any CSS on the Fly (4:17)

Playing with CSS Selectors

• Taking a Deeper Look into the CSS Selector Rule (4:59)
• Introducing CSS Classes (3:36)
• Talking to HTML Items with IDs (4:45)
• Traveling Through a Document with CSS Rules (3:25)
• Defining a Few Items at the Same Time (2:26)
• Best Practices When It Comes to CSS Rules (5:22)

Bumping It Up With Colors

• Defining Backgrounds (12:51)
• Working with the Background Property (3:55)
• Understanding How Colors Work in CSS (7:20)
• Working with Advanced Color Systems (12:31)

Controlling Elements

• Defining Opacity Levels (6:41)
• Adding Outlines to Shapes (5:41)
• Sticking to Our Borders (4:01)
• Talking to One Line at a Time (4:19)

Manipulating Sizes

• Controlling the Width and Height of Elements (8:29)
• Defining Margins of HTML Elements (6:50)
• Sizing Things in Different Ways (7:05)
• Working with Padding (3:34)

Element Layout Interaction

• Making Things Float (3:31)
• Displaying Elements as Block or Inline Elements (8:25)
• Avoiding Scrolls (5:02)
• Types of Position Layout (6:03)

Texting the CSS Way

• Dealing with Bi-directional Paragraphs (10:43)
• Aligning and Text Direction (6:58)
• Defining Fonts (8:24)
• Types of Fonts (7:50)
• Decorating and Indenting Text (5:29)
• Paragraph Level Formatting (7:17)
• Working with Windows and Orphans (3:10)

Content Manipulation

• Cutting Things Out (6:02)
• Adding Content Before and after Elements Dynamically (5:34)
• Dynamically Counting (7:51)
• Changing How the Cursor Looks Like (8:57)

Get Packt Publishing – Learning CSS At tenco.pro