Video description
Get to grips with the basics of HTML and CSS, and make simple design changes to your WordPress website
About This Video
- Get to grips with the basic structure of an HTML page
- Understand the differences between inline and block elements
- Gain basic knowledge of HTML and understand how it is used to develop a web page
In Detail
This Cascading Style Sheets (CSS) course takes you through the basics of HTML and CSS, teaching you about simple changes that can be made to your website such as changing the size of your text or the background color.
The course begins with a brief overview of HTML, CSS, and web inspectors, and then delves into web page development and how to style content using HTML tags. You’ll learn how to create child themes from your parent theme and find out how they generally work on WordPress websites. As you advance, you’ll get to grips with the basic structure of CSS code and understand why CSS is such a powerful tool for designing websites. In addition to this, you’ll explore classes and IDs along with the crucial rules of CSS specificity. Armed with basic knowledge of HTML and CSS, you’ll learn to make design changes to a wide variety of WordPress themes. Finally, you’ll cover different types of CSS properties and the basics of CSS animations.
Publisher resources
Table of contents
-
Chapter 1 : Welcome
- Welcome 00:01:36
- Course promo 00:02:59
- Quick win 00:04:42
- What are HTML and CSS 00:04:36
- Browser inspectors 00:02:27
-
Chapter 2 : HTML basics
- The basic structure of an HTML page 00:08:04
- Exercise 1 00:02:09
- Block elements vs inline elements 00:07:31
- Spans & inline styling 00:04:17
- Exercise 2 00:01:58
- Colors 00:03:51
- Font styling 00:07:00
- Divs and list elements 00:06:01
- Backgrounds 00:07:00
- Paddings and margins 00:12:35
- Borders 00:04:33
- Hyperlinks & image tags 00:05:48
-
Chapter 3 : Basic CSS
- Caching 00:04:45
- Child themes 00:06:32
- The Style.CSS file 00:01:36
- Why CSS and the CSS code structure 00:04:06
- HTML and CSS - Putting them together 00:09:24
- Classes & IDs 00:13:24
- Understanding the CSS specificity - part 1 00:16:03
- Understanding the CSS specificity - part 2 00:10:17
- Important note 00:03:32
-
Chapter 4 : CSS properties and real-world objects
- Project 1 - Changing the background of the theme 00:14:36
- How to use different backgrounds 00:06:36
- Project 2 - Changing the font styling of the theme 00:13:04
- Adding Google fonts 00:04:31
- Text properties 00:07:17
- Display properties 00:07:40
- Project 3 - Changing the size of the logo 00:09:36
- Project 4 - Styling the list items 00:10:08
- Exercise 4 00:03:42
- Project 5 - Adjusting the hover effects 00:06:49
- Introduction to basic CSS animation 00:09:19
- The !important tag 00:06:02
-
Chapter 5 : Conclusion
- Thank you 00:01:25
Product information
- Title: Introduction to Basic HTML & CSS for WordPress Users
- Author(s):
- Release date: August 2020
- Publisher(s): Packt Publishing
- ISBN: 9781800567795
You might also like
video
CCNA 200-301
More Than 16 Hours of Video Instruction Overview CCNA 200-301 Complete Video Course is a comprehensive …
book
Python Crash Course, 2nd Edition
This is the second edition of the best selling Python book in the world. Python Crash …
video
CSS for Everybody: From Beginner to Boss
Make websites that look beautiful and work on any device types About This Video Learn CSS …
video
Understanding APIs and RESTful APIs Crash Course
Discover what APIs and RESTful APIs are and how they work About This Video Get to …
