codemarch Profile picture
Dec 4, 2022 6 tweets 2 min read Read on X
CSS Links

Visually Explained📝

Thread 🧵
CSS Links

The four links states are:

🔹 `a:link` - a normal, unvisited link
🔹 `a:visited` - a link the user has visited
🔹`a:hover` - a link when the user mouses over it
🔹 `a:active` - a link the moment it is clicked
Text Decoration👇

The `text-decoration` property is mostly used to remove underlines from links:
Background Color👇

The `background-color` property can be used to specify a background color for links:
Link Buttons👇

This example demonstrates a more advanced example where we combine several CSS properties to display links as boxes/buttons:
End of this Thread🧵
If you enjoyed this thread, don't forget to like, comment, and retweet the opening tweet.

Follow @codemarch and enable notifications.
we help developers to understand HTML, CSS & JavaScript in depth.
codemarch.gumroad.com/l/hxazr

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with codemarch

codemarch Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @codemarch

Jul 8
Free HTML/CSS Templates: Image
Image
Image
Read 9 tweets
Jul 7
Learn HTML & CSS in 50 Days:
Days 1-5: HTML Basics

➔ Introduction to HTML
• What is HTML?
• HTML Syntax
• Elements and Tags

➔ Basic HTML Structure
• Head, Body, Title
• Paragraphs, Headings

➔ Project:
• Simple Personal Bio Page
Days 6-10: HTML Intermediate

➔ Links and Images
• Internal, External, Anchor Links
• Adding Images, Alt Text

➔ Lists and Tables
• Ordered, Unordered, Nested Lists
• Basic Table Structure

➔ Project:
• Simple Blog Page
Read 13 tweets
Jan 31
Learn React in 30 Days.

Complete Structure:
Pre-Requisite:

Javascript Before React - Content Added. Image
Week 1: Introduction and Basics Image
Read 9 tweets
Jan 4
Components in React.

Explained: Image
Real-Life Example:

Imagine building a house 🏠.

Each room (kitchen, bedroom, bathroom) represents a component.

React components contain particular UI and behaviour, just as rooms have particular purposes and looks.

Let's explore these "rooms" in the world of React!
🔹 Functional Components:

• Simpler and more concise.
• Stateless (initially).
• Use functions to return JSX.
• With Hooks, they've become even more powerful!

Example: Image
Read 12 tweets
Jan 3
How to Master React in 2024.

Thread:
1. Setting the Stage:

➔ JavaScript ES6+:

• Understand arrow functions
• Destructuring
• spread/rest operator
• async/await

➔ Node & NPM:

Basic understanding and using Create React App (CRA).
➔ The React Philosophy:

• Declarative programming
• Component-based architecture.

2. Diving into the Basics:

➔ Virtual DOM:

➔ React Elements vs. Components

➔ Functional Components

➔ JSX Deep Dive
Read 32 tweets
Sep 1, 2023
JavaScript Roadmap 2023 (Part-1): Image
Image
Image
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(