Learn HTML and CSS in 10 Days

• Building Your First Web Page

• What Do You Mean By HTML and CSS?

• Common HTML Terms

• Creating HTML Document Structure

• Common CSS Terms

• Selectors

• Referencing CSS

• CSS Resets

• Getting to Know HTML

• Getting to Know HTML And Semantics Overview

• Identifying Divisions and Spans

• Using Text Based Element

• Building Structure

• Creating Hyperlinks

• Getting to Know CSS

• Getting to Know CSS :The Cascade

• Calculating Specificity

• Combining Selectors

• Layering Styles With Multiple Classes

• Common CSS Properties

• CSS Properties

• CSS Aural Media/Style Sheets

• CSS Pagination

• CSS Overflow

• CSS White Space

• CSS Word Wrap

• CSS Outline

• CSS Visibility

• CSS Counters

• CSS Animation

• CSS Transition

• CSS Tooltips

• CSS Tooltip Animation

• CSS Arrow

• CSS Flexbox

• CSS Media Queries

• CSS 2D Transforms

• CSS 3D Transforms

• Opening the Box Model

• How are Elements Displayed?

• Display Property Controls And Box Model?

• Working With Box Model

• Width and Height

• Margins and Padding

• Borders, Individual Border Sides, Border Radius, Box Sizing, Content Box and Padding Box

• Developer Tools

• Positioning Content

• Removing Spaces between Inline-Block Elements

• Positioning With Floats

• Floats in Practice

• Positioning With Inline-Block

• Clearing and Containing Floats

• Creating Reusable Layouts

• Uniquely Positioning Layouts

• Working with Typography

• Adding Colour To Text

• Changing Font Properties

• Font Family

• Font Size, Font Style, Font Variant, Font Weight And Line Height

• Shorthand Font Properties

• Applying Text Properties

• Text Properties All Together

• Using Web-Safe Fonts

• Including Citation And Quotes

• Setting Background And Gradients

• Adding A Background Colour

• Adding a Background Image and Background Repeat

• Background Position and Shorthand Background Image Values

• Designing Gradient Backgrounds

• Changing the Direction of a Gradient Background

• Using Multiple Background Images

• Exploring New Background Properties

• Creating Lists

• Unordered Lists

• Ordered Lists

• Description Lists

• Nested Lists

• List Item Styling

• List Style Type Values

• List Style Position Property

• Adding Media

• Adding Media And Adding Images

• Sizing Images

• Positioning Images, Inline Positioning Images, Blocking Positioning Images , Positioning Images Flush Left or Right

• Adding Audio

• Adding Videos

• Adding Inline Frames

• Semantically Identifying Figures And Captions

• Building Forms

• Building Forms And Initializing a Form

• Text Fields And Text Areas

• Multiple Choice Inputs And Menus

• Form Buttons

• Other Inputs

• Organizing Form Element

• Form And Input Attributes

• Login Form Example

• Organizing Data With Tables

• Organizing Data with Tables

• Creating A Table

• Table Header

• Table Structure

• Table Head, Body and Foot

• Combining Multiple Cells

• Table Borders

• Table Striping

• Aligning Text

• Completely Styled Table

• Writing Your Best Code

• HTML Coding Practices

• Use the Proper Document Structure

• Keeping the Syntax Organized

• Use Practical ID and Class Values

• CSS Coding Practices

• Write CSS Using Multiple Lines and Spaces

• Use Proper Class Names

• Build Proficient Selectors

• Use Desired Classes When Needed

• Use Shorthand Hexadecimal Color Values

• Drop Units Zero Values

• Some more HTML and HTML 5 tags

• HTML abbr tag

• HTML acronym tag (Not for HTML 5)

• HTML area tag

• HTML basefont tag

• HTML blockquote tag

• HTML datalist tag

• HTML Description List

• HTML ins tag

• Marquee HTML Tag

• HTML object tag

• HTML picture tag

• HTML SVG




.