KEMBAR78
HTML CSS Practice Routine Cheatsheet | PDF
Scribd
Upload
18 views1 page

HTML CSS Practice Routine Cheatsheet

The document outlines a daily practice routine for HTML and CSS over two weeks, covering fundamental topics such as basic structure, text tags, forms, and responsive design. It includes a cheatsheet highlighting essential HTML tags, CSS properties, selectors, and concepts like the box model and flexbox. This structured approach aims to enhance understanding and proficiency in web development skills.

Uploaded by

Mison 101
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
18 views1 page

HTML CSS Practice Routine Cheatsheet

The document outlines a daily practice routine for HTML and CSS over two weeks, covering fundamental topics such as basic structure, text tags, forms, and responsive design. It includes a cheatsheet highlighting essential HTML tags, CSS properties, selectors, and concepts like the box model and flexbox. This structured approach aims to enhance understanding and proficiency in web development skills.

Uploaded by

Mison 101
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

HTML & CSS Daily Practice Routine + Cheatsheet

HTML Daily Practice Routine


Day 1: Basic Structure - <!DOCTYPE html>, <html>, <head>, <body>, <title>

Day 2: Text Tags - <h1> to <h6>, <p>, <strong>, <em>, <br>, <hr>

Day 3: Links & Images - <a>, <img>, attributes: href, src, alt, target

Day 4: Lists - <ul>, <ol>, <li> and nesting lists

Day 5: Tables - <table>, <tr>, <td>, <th>, <thead>, <tbody>

Day 6: Forms - <form>, <input>, <textarea>, <button>, <label>, <select>

Day 7: Semantic Tags - <header>, <nav>, <main>, <section>, <article>, <footer>

CSS Daily Practice Routine


Day 1: Colors & Text - color, background-color, font-family, font-size, text-align

Day 2: Box Model - width, height, padding, margin, border

Day 3: Display & Position - display, position, top/right/bottom/left, z-index

Day 4: Flexbox - display: flex, justify-content, align-items, flex-direction

Day 5: Pseudo-classes - :hover, :focus, :nth-child()

Day 6: CSS Units - px, %, em, rem, vh, vw

Day 7: Media Queries - responsive design basics

HTML & CSS Cheatsheet Highlights


HTML Tags: <div>, <span>, <img>, <a>, <ul>, <li>, <form>, <input>, <button>

CSS Properties: color, font-size, margin, padding, border, background, display, position

Selectors: *, .class, #id, element, element:hover, element > child

Box Model: Content -> Padding -> Border -> Margin

Flexbox: Main Axis & Cross Axis concepts, align-items, justify-content

Responsive Design: Use media queries to adapt layout for different screen sizes

You might also like