codemarch Profile picture
Dec 4 6 tweets 2 min read
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

Dec 2
What is CSS Text Spacing?

Open this thread🧵 to learn CSS Text Spacing.
CSS Text Spacing

Here, we will discuss the following topics👇

🔹 `text-indent`
🔹 `letter-spacing`
🔹 `line-height`
🔹 `word-spacing`
🔹 `white-space`

1. Text Indentation

The `text-indent` property is used to specify the indentation of the first line of a text:
Example of text-indent 👇
Read 11 tweets
Dec 1
CSS TextDecoration

Visually Explained📝

Thread 🧵
CSS Text Decoration

1. text-decoration-line
2. text-decoration-color
3. text-decoration-style
4. text-decoration-thickness
5. text-decoration

1. text-decoration-line👇

This property is used to add a decoration line to the text.
Example -
Read 10 tweets
Nov 30
Learn CSS Text

Visually Explained📝

Thread 🧵
CSS Text

CSS has a lot of properties for formatting text.

Text Color and Background Color👇
🔹CSS Text Alignment

The `text-align` property is used to set the horizontal alignment of a text. ( left alignment is default )
Read 9 tweets
Nov 30
7+ Best Resume builders in 2022 -

Thread 🧵
1. Zety
🔗 zety.com
2. LiveCareer
🔗 livecareer.com
Read 13 tweets
Nov 29
✨30 Days CodeCamp✨

Learn HTML, CSS, Tailwind & Git
Bonus:

- Our 2 eBooks worth $20 for FREE👇.

1. HTML & CSS Visual Treat😍!
2. JavaScript for Starters: The Complete Guide.
Feedback from Batch 1 Students:
Read 6 tweets
Nov 29
CSS Box Model

Visually Explained📝

Thread 🧵
🔶Explanation of the different parts:

🔹Content - The content of the box, where text and images appear
🔹Padding - Clears an area around the content. The padding is transparent
🔹Border - A border that goes around the padding and content
🔹Margin - Clears an area outside the border. The margin is transparent

The box model allows us to add a border around elements, and to define space between elements.

Example👇
Read 4 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 on Twitter!

:(